@charset "utf-8";

/***************************************************************************
    BOKSILI
    version 0.1 | 2021-06-01 
*****************************************************************************/

 
/*------------------------------------------------------------------------------
    Common
------------------------------------------------------------------------------*/

html, body {/* width:100%; */ height:100%;}
body {font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo",         "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size:14px; font-style:normal; line-height:1.8em; color:#303030;}

body {min-width:1800px;} 

* {box-sizing:border-box;}
input, textarea, select {color:#101010; text-align:left; background-color:#ffffff; border:solid 1px #a0a0a0; padding:5px;}
input:focus, textarea:focus {outline:none;}
textarea {resize:none;}
button {cursor:pointer !important;}
.cursor_pointer {cursor:pointer !important;}
table {border-collapse:collapse;}
li {list-style-type:none; padding:0; margin:0;}
ul {padding:0; margin:0;}
.relative {position:relative !important;}
.padding_none {padding:0 !important} 
.margin_none {margin:0 !important} 
.padding_small {padding:1px 5px !important;}
.padding_sm {padding:10px;}
.cursor {cursor:pointer;}
.wrapper {padding-bottom:10px; height:100%;}
select {padding:2px; text-align:left !important;}
.checkradio {width:12px !important; height:14px !important; margin:0 5px;}
@media print { .no_prt, .no_prt * {display:none !important;}}

.input_normal {padding:2px 10px; height:33px; text-align:center; border:solid 1px #a0a0a0; font-size:14px; line-height:1.0; border-radius:3px;}

/*-------------------------------- Scroll bar -----------------------------------*/

::-webkit-scrollbar {width:12px; height:12px;}
::-webkit-scrollbar-track {background-color:#d4e2f1;}
::-webkit-scrollbar-thumb {background-color:#6699cc; border-radius:1px;}
::-webkit-scrollbar-thumb:hover {background:#99ccff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {width:12px; height:12px; background:#3366cc;}

.sbar::-webkit-scrollbar {width:16px; height:16px;}
.sbar::-webkit-scrollbar-track {background-color:#eeeeee;}
.sbar::-webkit-scrollbar-thumb {background-color:#2e7dd0; border-radius:1px;}
.sbar::-webkit-scrollbar-thumb:hover {background:#3f9bfb;}
.sbar::-webkit-scrollbar-button:start:decrement, .sbar::-webkit-scrollbar-button:end:increment {width:16px; height:16px; background:#cccccc;}

/*-------------------------------- Go menu -----------------------------------*/

#followquick {position:absolute; top:180px; right:50%; margin-right:670px; background-color:#f30; width:100px; height:100px;  }

.go_menu_grp {position:absolute; top:70px; width:700px; height:1px; right:20px;  text-align:left;}
.go_menu_grp .go_menu_box {border:solid 1px #999999; background-color:#ffffff; box-shadow:2px 2px 5px #909090; position:absolute; top:-50px; right:300px; z-index:10000; border-radius:3px;}
.go_menu_grp .go_menu_box ul {padding:10px;}
.go_menu_grp .go_menu_box li {padding:5px 10px; font-size:14px; line-height:1; letter-spacing:-1px;}
.go_menu_grp .go_menu_box li a {padding:2px 5px;}
.go_menu_grp .go_menu_box li a:hover {color:#3366cc; text-decoration: underline;}
.go_menu_grp .btn_close {position:absolute; top:-45px; right:305px; z-index:10010;}
.go_menu_grp .go_title {font-size:11px; color:#909090; padding-left:25px; border-bottom:solid 1px #dddddd;}

/*-------------------------------- etc -----------------------------------*/

button:hover {opacity:0.7;}

a:visited {color:#505050; text-decoration:none;}
a:link {text-decoration:none; color:#606060;}
a:active {color:#e1002c;}
a:hover {color:#e1002c;}

.align_left {text-align:left !important;}
.align_center {text-align:center !important;}
.align_right {text-align:right !important;}

.float_left {float:left !important;}
.float_right {float:right !important;}

.btn95p {width:95% !important;}

.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}

.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w33p {width:33.333% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}

h1 {font-size:30px !important;}
h2 {font-size:24px !important;}
h3 {font-size:22px !important;}
h4 {font-size:18px !important;}
h5 {font-size:16px !important;}
h6 {font-size:14px !important;}
.h_11 {font-size:11px !important;}
.h_12 {font-size:12px !important;}
.h_14 {font-size:14px !important;}
.h_16 {font-size:16px !important;}
.h_18 {font-size:18px !important;}
.h_22 {font-size:22px !important;}
.h_24 {font-size:24px !important;}
.h_30 {font-size:30px !important;}
.h_bold {font-weight:bold !important;}

.bg_gray {background-color:#f5f5f5 !important;}
.bg_light_gray {background-color:#f5f5f5 !important;}
.bg_dark_gray {background-color:#dddddd !important;}
.bg_green {background-color:#c5dfb6 !important;}
.bg_green2 {background-color:#3cb62c !important; color:#ffffff !important; border:solid 1px #2f6b27 !important;}
.bg_blue {background-color:#e3f4f8 !important;}
.bg_red {background-color:#f6eded !important;}
.bg_orange {background-color:#f3efe7 !important;}
.bg_orange2 {background-color:#e57930 !important; color:#ffffff !important; border:solid 1px #8c3b05 !important;}
.bg_blue2 {background-color:#dff3fb !important;}
.bg_red2 {background-color:#fbdfdf !important;}
.bg_turquoise {background-color:#0e9094 !important; color:#ffffff !important; border:solid 1px #035b5e !important;}
.bg_red3 {background-color:#cc0000 !important;}

.line_height_normal {line-height:1.8em;}
.btn_grp {padding:10px 0;}
.btn {padding:5px 10px 7px 10px; font-size:14px; margin:2px; color:#303030; background-color:#fafafa; border:solid 1px #a0a0a0; box-shadow:0 2px 2px #dddddd; border-radius:3px;}
.btn_post10 {position:relative; top:10px;}
.btn_small {padding:2px 5px 4px 5px; font-size:10px; margin:2px; color:#303030; background-color:#fafafa; border:solid 1px #f30; box-shadow:0 2px 2px #dddddd; border-radius:3px; letter-spacing:-0.1em; color:#cc0000; min-width:72px;}
.btn_small2 {padding:2px 5px 4px 5px; font-size:10px; margin:2px; color:#303030; background-color:#fafafa; border:solid 1px #303030; box-shadow:0 2px 2px #dddddd; border-radius:3px; letter-spacing:-0.1em; color:#303030; min-width:72px;}


.blue {color:#3366cc !important;}
.red {color:#ff2200 !important;}
.bold {font-weight:bold !important;}
.txt_normal {font-weight:normal !important;}
.text_sm {font-size:11px; line-height: 1.em !important;}
.text_blue {color:#0066cc !important;}
.text_gray {color:#909090 !important;}
.text_red {color:#ff1100 !important;}

.margin_r3 {margin-right:3px !important;}
.margin_r5 {margin-right:5px !important;}
.margin_r10 {margin-right:10px !important;}
.margin_r20 {margin-right:10px !important;}
.margin_r50 {margin-right:50px !important;}
.margin_lr {margin-left:5px !important;}
.margin_l5 {margin-left:5px !important;}
.margin_l10 {margin-left:10px !important;}
.margin_l20 {margin-left:20px !important;}
.margin_l30 {margin-left:30px !important;}
.margin_t2 {margin-top:2px !important;}
.margin_t5 {margin-top:5px !important;}
.margin_t10 {margin-top:10px !important;}
.margin_tb10 {margin:10px 0 !important;}
.margin_t20 {margin-top:20px !important;}
.margin_t30 {margin-top:30px !important;}
.margin_t50 {margin-top:50px !important;}
.margin_tb20 {margin:20px 0 !important;}
.margin_b50 {margin-bottom:50px !important;}

.padding_a10 {padding:10px !important;}
.padding_l5 {padding-left:5px !important;}
.padding_l10 {padding-left:10px !important;}
.padding_l20 {padding-left:20px !important;}
.padding_r10 {padding-right:10px !important;}
.padding_r20 {padding-right:20px !important;}
.padding_tb10 {padding:10px 0 !important;}
.padding_t5 {padding-top:5px !important;}
.padding_t10 {padding-top:10px !important;}
.padding_t20 {padding-top:20px !important;}
.padding_t30 {padding-top:30px !important;}
.padding_lr10 {padding:0 10px !important;}
.padding_l0 {padding-left:0 !important;}
.padding_r0 {padding-right:0 !important;}


.red_star {font-size:16px !important; line-height:10px !important; color:#ff1100;}

.border_all {border:solid 1px #909090 !important;}
.border_line_left {border-left:solid 1px #909090;}
.border_line_right {border-right:solid 1px #909090;}
.border_line_top {border-top:solid 1px #909090;}
.border_line_bottom {border-bottom:solid 1px #909090;}
.border_line2_bottom {border-bottom:solid 2px #dddddd;}
.border_none {border:0 !important;}

textarea {background-color:#f5f5f5;}

.box_caution {background-color:#f5ebe3; padding:5px 10px; font-size:15px; line-height:1.2em; border:solid 1px #909090;}

.line_height16 {line-height:16px;}
.line_height18 {line-height:18px;}
.line_height22 {line-height:22px;}
.line_height24 {line-height:24px;}
.line_height26 {line-height:26px;}
.line_height30 {line-height:30px;}
.line_height1em {line-height:1em;}
.line_height16em {line-height:1.6em;}
.line_height18em {line-height:1.8em;}
.line_height2em {line-height:2em;}

.h100 {height:100px;}



/*------------------------------------------------------------------------------
    Frame
------------------------------------------------------------------------------*/
body {width:100%;}

#wrapper {width:100%; height:100%; min-width:1700px; background-color:#ffffff;}

.area_top {width:100%;   height:60px; border-top:solid 1px #97b1d0; border-bottom:solid 1px #97b1d0; background-color:#eeeeee; position: relative;}
.area_top .logo {float: left; font-size: 16px; text-align: center; padding: 8px 30px 0 10px; text-decoration: none;}

/*-------------------------- nav --------------------------*/

.subnav {float: left; overflow: hidden;}
.subnav .subnavbtn {font-size: 18px; font-weight: normal; border: none; outline: none; color: #101010; height:58px; padding: 0 20px 0 70px; background-color: inherit; font-family: inherit;  margin: 0; background-repeat:no-repeat;   background-position: 20px center;}
.subnav_content {display: none; position: absolute; background-color:#ffffff; color:#101010; padding:10px 10px; border:solid 1px #909090; box-shadow: 2px 2px 8px #aaaaaa; z-index: 50000;}
.subnav_content li {float:none; clear:both; display:block;}
.subnav_content a {float: left;color: #333333; text-decoration: none; padding:2px 20px;} 
.subnav_content li a:hover {width:100%; background-color: #3366cc; color: #ffffff;} 

.subnav:hover .subnav_content {display: block;}

/*--------------------------Fading animation -------------------------*/

.menu_fade {-webkit-animation-name: fade; -webkit-animation-duration: 0.5s; animation-name: fade; animation-duration: 0.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4}to {opacity: 1}}

.subnav_pos1 {left:257px;} .subnav_pos2 {left:422px;} .subnav_pos3 {left:546px;} .subnav_pos4 {left:689px;} .subnav_pos5 {left:814px;} .subnav_pos6 {left:938px;}

.subnav .m1 {background-image:url('../image/icon_m1.png');}
.subnav .m2 {background-image:url('../image/icon_m2.png');}
.subnav .m3 {background-image:url('../image/icon_m3.png');}
.subnav .m4 {background-image:url('../image/icon_m4.png');}
.subnav .m5 {background-image:url('../image/icon_m5.png');}
.subnav .m6 {background-image:url('../image/icon_m6.png');}

.subnav .m1_on {background-image:url('../image/icon_m1_on.png'); background-color:#3366cc; color:#ffffff;}
.subnav .m2_on {background-image:url('../image/icon_m2_on.png'); background-color:#3366cc; color:#ffffff;}
.subnav .m3_on {background-image:url('../image/icon_m3_on.png'); background-color:#3366cc; color:#ffffff;}
.subnav .m4_on {background-image:url('../image/icon_m4_on.png'); background-color:#3366cc; color:#ffffff;}
.subnav .m5_on {background-image:url('../image/icon_m5_on.png'); background-color:#3366cc; color:#ffffff;}
.subnav .m6_on {background-image:url('../image/icon_m6_on.png'); background-color:#3366cc; color:#ffffff;}

.depth_2 {padding-left:10px;}
.depth_2 a:hover {background-color:#26447f !important;}

.area_top .user_grp {position:absolute; right:0px; top:0px;}
.area_top .user_grp .user_name {width:130px; height:60px; line-height:58px; float:left; padding-left:50px; background-image:url('../image/icon_user.png'); background-position: 5px center; background-repeat: no-repeat;}
.area_top .user_grp .user_log {width:130px; height:60px; line-height:58px; float:left; padding-left:50px; background-image:url('../image/icon_logout.png'); background-position: 5px center; background-repeat: no-repeat;}
.menu_divline {display:block; width:100%; height:5px; border-bottom:solid 1px #cccccc; margin:5px 0;}

.head_area {border:0; margin-bottom:10px;}

/*------------------------------------  Bottom select company  ------------------------------------*/

.select_company {width:100%; height:50px; padding:3px 0; background-image:linear-gradient(180deg, #505050,#202020); position:fixed; bottom:0; left:0;}
.select_company .select_company_name {padding:3px 10px 3px 50px; color:#ffffff; float:left;}
.select_company select {border-radius:5px;}

/*------------------------------------  Front page board   ------------------------------------*/

.area_grp {width:100%; padding:20px; overflow: hidden;}
.area_grp .area_right {width:60%; float:right; padding-left:20px;}
.area_grp .area_right .board_grp {border:solid 1px #ddd; background-color:#f5f5f5; padding:5px 15px 10px 15px; font-size:13px; line-height:1.8em; margin-bottom:20px;}
.area_grp .area_right .board_title {font-size:15px; font-weight:bold; line-height:30px; margin-top:10px;}
.area_grp .area_right .board_contents {padding-top:5px; padding:10px; background-color:#ffffff; border:solid 1px #ddd;}
.area_grp .area_right .board_contents span {padding:0 20px 0 0;}
.area_grp .area_right .btn_grp span {margin-right:5px;}
.area_grp .area_right .btn_grp button {padding:10px 20px; line-height:8px; background-repeat:no-repeat; background-position:10px center; border:solid 1px #535353;}
.area_grp .area_right .btn_grp button.btn_1vs1 {background-image:url('../image/icon_1vs1.png'); padding-left:35px; background-color:#9bacb9;color:#ffffff;}
.area_grp .area_right .btn_grp button.btn_qna {background-image:url('../image/icon_qna.png'); padding-left:35px; background-color:#9bacb9; color:#ffffff;}
.area_grp .area_right .btn_grp button.btn_edit_user {background-image:url('../image/icon_edit_user.png'); padding-left:35px; background-color:#9bacb9;color:#ffffff;}
.area_grp .area_right .btn_grp button.btn_window_s {background-image:url('../image/icon_window_s.png'); padding-left:35px; background-color:#9bacb9;color:#ffffff;}

.area_grp .area_left {width:40%; float:left;}

/*------------------------------------  Front Calendar   ------------------------------------*/

.calendar .btn_grp {width:100%; display: flex; flex-wrap: wrap; margin-bottom:10px;}
.calendar .btn_grp div.btn_grp_left {width:20%; text-align:left;}
.calendar .btn_grp div button {width:70px; height:28px; background-color:#dce3ef; border:solid 1px #aaaaaa; color:#ffffff;}
.calendar .btn_grp div.cal_month {width:60%; text-align:center; font-size:24px; font-weight:bold;}
.calendar .btn_grp div.btn_grp_right {width:20%; text-align:right;}
.calendar table {width: 100%; border:solid 1px #b5b5b5;}
.calendar table th {width:calc(100% / 7); height:30px; text-align:center; border:solid 1px #b5b5b5;}
.calendar table th.sunday {background-color:#ffcbcb;}
.calendar table th.week {background-color:#efefef;}
.calendar table th.saturday {background-color:#bdedff;}
.calendar table tr {background-color:#f5f5f5;}
.calendar table td {border:solid 1px #b5b5b5; height:70px; padding:2px; vertical-align: top;}
.calendar table td span {display:block; text-align:right; padding-right:10px;}
.calendar table td.disabled {color:#cacaca;}
.calendar table td .calendar_schedule {width:100%; background-color:#c9e3f7; min-height:70px; font-size:12px; color:#101010; line-height:1.2; padding:5px;}
.calendar table td.sunday {background-color:#ffeaea;}
.calendar table td.saturday {background-color:#e3f7ff;}
.calendar table td .calendar_important {width:100%; background-color:#f8b551; min-height:70px; font-size:12px; color:#ffffff; line-height:1.2; padding:5px;}

.board_wrapper {width:100%; height:100%; display: flex; flex-flow: row wrap;}
.board_wrapper .board_table {width:33.333%; margin-bottom:50px; padding:20px;}
@media screen and (max-width: 1600px) {
    .board_wrapper .board_table {width:50%; margin-bottom:50px; padding:20px;}
    }
@media screen and (max-width: 800px) {
    .board_wrapper .board_table {width:100%; margin-bottom:30px; padding:20px;}
    }
.board_wrapper .board_table table {width:100%; background-color: #f5f5f5;}
.board_wrapper .board_table th {background-color:#aaaaaa; color:#ffffff; font-weight:300; font-size:15px;}
.board_wrapper .board_table .board_title {width:100%; height:40px; font-size:18px; font-weight:bold; line-height: 30px;}
.board_wrapper .board_table .board_title .btn_detail {width:25px; height:25px; line-height:23px; text-align:center; float:right; background-color:#f5f5f5; border:solid 1px #959595;}
.board_wrapper .board_table td {text-align:center; border-bottom:dotted 1px #cecece;}
.board_wrapper .board_table .fnt_num {width:14%; text-align:center;}
.board_wrapper .board_table .fnt_sub {text-align:center;}
.board_wrapper .board_table .fnt_wrt {width:14%; text-align:center;}
.board_wrapper .board_table .fnt_dat {width:14%; text-align:center;}
.board_wrapper .board_table .fnt_list {text-align:left;}

.title {font-size: 22px; font-weight: bold; color: #0066cc; padding:15px 10px; height:62px; letter-spacing: -1px;;}
.title span {font-size:14px; font-weight:normal; color:#ff0000; padding-left:20px;}
.title2 {font-size: 24px; font-weight: bold; color: #101010; padding:20px 10px 0 10px;}
.title2 span {font-size:14px; font-weight:normal; color:#ff0000; padding-left:20px;}

/*------------------------------  Scroll Contents  ------------------------------------*/

.scroll_contents {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; /* height: calc(100% - 178px); */overflow-y:auto; padding-bottom:10px;}
.scroll_contents2 {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; height: calc(100% - 217px); overflow-y:auto; padding-bottom:10px;}
.scroll_contents3 {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; height: calc(100% - 234px); overflow-y:auto; padding-bottom:10px;}
.scroll_contents4 {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; height: calc(100% - 245px); overflow-y:auto; padding-bottom:10px;}
.scroll_contents5 {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; height: calc(100% - 210px); overflow-y:auto; padding-bottom:10px;}
.scroll_contents6 {width:100%; margin-top:10px; border-top:solid 1px #aaaaaa; overflow-x:auto; overflow-y:auto; padding-bottom:10px;}

/*------------------------------------  Table   ------------------------------------*/

.head_wrapper {padding:0 10px;}
.head_grp {width:100%; padding:10px 30px; display: flex; background-color:#bdedff; border:solid 1px #98c1d1;}
/* .head_grp .head_sec {width:25%;} */
.head_grp .head_sec input, .head_sec select {height:32px; padding:2px 10px; text-align:center; border:solid 1px #a0a0a0; font-size:14px; line-height:1.0; border-radius:3px;}
.head_grp .head_sec button {height:32px; padding:0 10px; text-align:center; border:0; font-size:14px; position:relative; /* top:-1px;*/ border:solid 1px #707070;}
.head_grp .head_sec label.radio input {height:14px; margin:0 5px 0 10px;}
.head_grp .btn_valign {top:-1px;}
.head_sec button {background-color:#1c2135; border-radius:3px; color:#ffffff;}
.head_sec button.white {background-color:#f5f5f5; color:#303030; border-radius:3px; border:solid 1px #909090;}
.head_sec button.btn_blue {background-color:#0066cc; color:#ffffff; border-radius:3px; border:solid 1px #303030;}
.head_grp .padding_t30 {padding-top:30px;}
.green {background-color:#e3f1dc; border:solid 1px #a7db8e;}

.table_title {padding:10px; font-size:18px; color:#101010;}

.table_list_grp {padding:0 10px; margin-top:10px;}
.table_list_grp table {width:100%; text-align:center; font-size:14px; border-collapse: collapse; line-height:1.2; border:solid 1px #cccccc;}
.table_list_grp table th {font-weight: 300; border:solid 1px #a7b3bc !important; padding:2px;}
.table_list_grp table td {border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-top:solid 1px #aaaaaa; padding:2px; line-height:1.6em;}
.table_list_grp table tr:hover {background-color:#eaf2f8 !important;}
.table_list_grp input {height:30px; background-color:#f5f5f5 !important; border-radius:3px;}
.table_list_grp input.checkbox {top:2px; left:0; height:14px;}
.table_list_grp tr {height:40px;}
.table_list_grp th {background-color:#eaf2f8; color:#101010;}
.table_list_grp .w10 {width:10px;}
.table_list_grp .w20 {width:20px;}
.table_list_grp .w30 {width:30px;}
.table_list_grp .w50 {width:50px;}
.table_list_grp .w70 {width:70px;}
.table_list_grp .w80 {width:80px;}
.table_list_grp .w90 {width:90px;}
.table_list_grp .w100 {width:100px;}
.table_list_grp .w120 {width:120px;}
.table_list_grp .w150 {width:150px;}
.table_list_grp .w170 {width:170px;}
.table_list_grp .w200 {width:200px;}
.table_list_grp td button {position:relative; top:-1px;}

.table_list_grp .total_line td {height:70px; background-color:#eff3f7; border-top:solid 1px #cccccc;}
.table_list_grp .total_line_2 td {background-color:#eff3f7; border-top:solid 1px #cccccc;}
.table_list_grp .total_line_sm td {height:50px; background-color:#eff3f7;}
.table_list_grp button {width:100px; font-size:14px; height:30px; padding:2px 5px; border:solid 1px #a0a0a0; background-color:#ffffff; border-radius:3px; box-shadow: 0 2px 2px #dddddd; margin-right:5px;}

 
.table_list_grp_gray table {border:solid 1px #aaaaaa;}
.table_list_grp_gray table th {border:solid 1px #aaaaaa !important;}
.table_list_grp_gray table tr:hover {background-color:#eeeeee !important;}
.table_list_grp_gray input { background-color:#dddddd !important;  }  
.table_list_grp_gray th {background-color:#dddddd; color:#101010;}


.progress {height:20px; border:solid 1px #303030; margin:5px;}
.progress .bar {display:block; height:18px; background-color:#ff6633; border:solid 1px #f30; float:left;}

.head_name {padding:0 0 5px 0;}

.inner_table th, .inner_table td {font-size:smaller !important;}
.inner_table tr {height:30px;}
.table_list_grp .btn_select {background-image:url('../image/icon_list.png'); width:30px; height:30px; border:0;}
.table_list_grp .btn_delete {background-image:url('../image/icon_del.png'); width:30px; height:30px; border:0;}
.input_sm input { border:solid 1px #303030;}

.long_table {width:120% !important;}

.checkbox_grp {display:inline-block;}
.checkbox {margin:0 5px; position:relative; height:1.0em !important;}
.box_blue {background-color:#6699cc; color:#ffffff; width:120px; height:30px; line-height:30px; text-align:center;}

.label {width:70px; margin:0 auto; padding:0 5px 2px 5px; background-color:#505050; color:#ffffff; font-size:12px; display:inline; border-radius:3px; position:relative; top:-2px; }
.label_success {width:100px; margin:0 auto; padding:2px 5px; background-color:#0066cc; color:#ffffff; font-size:12px; display:block;}
.success td {background-color:#e8f1e4;}
.label a {color:#ffffff;}
.label:hover {background-color:#101010;}

.fix_thead {width: calc(100% - 32px); position:fixed; top:186px; min-width:1800px; margin-top:1px; padding-top:10px; background-color:#ffffff;}
.scroll_table {margin-top:49px;}

.table_list_grp input.readonly {background-color:#dddddd !important;}

/*------------------------------------  Page number   ------------------------------------*/

.page_number_grp {width:100%; text-align:center; padding:30px 0 20px 0; display:flex;}
.page_number_grp .center {margin:0 auto;}
.page_number_grp a {display:block; float:left; margin:0 2px; padding:0 2px; height:24px; text-align:center; line-height:22px;}
.page_number_grp .btn_box {height:24px; background-color:#eeeeee; border:solid 1px #aaaaaa;}
.page_number_grp a:hover {background-color:#ffffff;}
.page_number_grp .numberon {background-color:#3366cc; color:#ffffff;}
.page_number_grp  a:hover  {background-color:#3399ff; color:#ffffff;}

.div_line {height:5px; background-color:#dddddd;}
.scroll_x {border:solid 0px #f30; overflow-x:auto; margin:0 10px; padding:10px;}
.dot_line {line-height:5px !important; padding:0 !important; height:5px !important; background-color: #909090;}
.head_select div {float:left;}
#appointCustomerList {margin-top:10px; width:300px; height:50px; border:solid 1px #98c1d1;}
.head_select div.item_name {margin:0 10px; text-align:center;}
.head_sec li {clear:both; overflow:hidden;}
.upload_file {background-color:transparent; border:0 !important; padding:10px;}
.item_name {text-align:left !important;}
.input_medium {width:200px;}
.clear_both {clear:both;}

.head_select label {margin-left:10px;}
.head_select label input {height:14px !important; width:20px !important;}
.head_select textarea {width:780px; height:60px; display:block;}
.head_select .padding_tb10 {padding:10px 0;}
.head_select_h {height:100px;}

/*------------------------------------  File upload  ------------------------------------*/

.form_group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
.form_control {display: inline-block; width: 100%; height: 32px; font-size: 16px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset; padding: 6px 9px; border-width: 1px; border-style: solid; border-color: #303030; border-image: initial; border-radius: 2px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.form_control[readonly], fieldset[disabled] .form-control {background-color: #ffffff; opacity: 1;}
.form_file .file_load {/* display: inline-block; */position: relative; cursor: pointer;}
.form_file .file_load [type="file"] {display: inline-block; position: absolute; width: inherit; height: inherit; z-index: 1; opacity: 0; width:70px;}
.form_file .file_load label {position: relative; z-index: 5; cursor: pointer; top:0px; height:32px; line-height:30px;}
.btn_default {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: top; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; font-size: 15px; user-select: none; border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: #303030; border-image: initial; padding: 0 9px; border-radius: 2px; color: rgb(51, 51, 51);}

.title .btn_area {position:relative; width:100%; font-size:14px;}
.title .btn_save {position:absolute; /* width:400px;*/ top:-30px; right:0px;}
.title .btn_save input {height:30px; padding:2px 10px; text-align:center; font-size:14px; border:solid 1px #303030; line-height:1.0;}
.title .btn_save button {height:30px; border:solid 1px #303030; background: linear-gradient(#f5f5f5, #f5f5f5);}

/*------------------------------------  Tab  ------------------------------------*/

.table_list_grp .tab_box {width:100%; height:45px; border-bottom:solid 1px #999999; padding:10px 0 10px 10px; margin:10px 0;}
.table_list_grp .tab_box .tab {width:100px; height:35px; border:solid 1px #999999; background-color:#ffffff; border-bottom:0; text-align:center; float:left; color:#505050; padding-top:5px;}
.table_list_grp .tab_box .tab:hover {background-color:#ffffff; color:#303030; cursor:pointer}
.table_list_grp .tab_box .tab_end {border-right:solid 1px #999999;}
.table_list_grp .tab_box .tab_on {background-color:#ffffff; color:#303030;}



.table_list_grp .tab_grp {width:100%; height:55px; border-bottom:solid 1px #999999; padding:10px 0 10px 10px; margin:10px 0;}
.table_list_grp .tab_grp .tab {width:100px; height:45px; border:solid 1px #999999; background-color:#efefef; border-bottom:0; text-align:center; float:left; color:#505050; border-right:0; padding-top:5px;}
.table_list_grp .tab_grp .tab:hover {background-color:#ffffff; color:#303030; cursor:pointer}
.table_list_grp .tab_grp .tab_end {border-right:solid 1px #999999;}
.table_list_grp .tab_grp .tab_on {background-color:#ffffff; color:#303030;}

.select_box {width:100%; overflow:hidden; padding:0 20px;}
.select_box input {height:30px; text-align:left;} 
.select_box div {float:left; line-height:29px;}
.select_box select {padding:0; height:30px;}
.select_box .radio_grp {border:0;}
.select_box .radio_grp input {width:20px; height:fit-content; text-align:left;}
.select_box .radio_grp label {padding:0 5px; text-align:left;}

.table_list_grp .left_grp {width:60%; border:solid 1px #98c1d1; padding:0  0 10px 0; margin:10px 20px 0 0; background-color:#f3f8fa; float:left;}
.table_list_grp .right_grp {width:calc(40% - 20px); height:100%; float:left;}
.table_list_grp .right_grp .red_box {border:solid 1px #d19898; padding:0 0 20px 0; margin:10px 0 0 0; background-color:#faf3f3; overflow:hidden;}


.solo_box {width:100%; padding:20px 0; height:70px;}
.solo_box div {float:left; padding:0 10px;}

.all_grp {width:100%; overflow:hidden; clear:both; margin:10px 0; padding:10px; background-color:#f0f7e8; border:solid 1px #909090; position:relative;}
.all_grp div {float:left;}
.overflow_h {overflow:hidden;}
.h34 {height:30px;}
.grp_right {position:absolute; top:10px; right:10px;}
.all_grp textarea {width:100%; padding:10px; font-size:14px; height:100px;}


/*------------------------------------  Statement  ------------------------------------*/

.statement {padding:10px;}
.statement td {padding:0 5px;}

button.btn_small {font-size:14px; height:25px; width:50px; background: linear-gradient(#ffffff, #ffffff);}

.print_menu {padding:10px; line-height:17px;}
.print_menu td, .print_menu th {padding:5px; vertical-align: top; font-size:14px; text-align:center;}
.print_menu td, .print_menu th {border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}
.print_menu table {width:100%; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa;}

.print_week {padding:10px; line-height:17px;}
.print_week td, .print_week th {padding:5px; vertical-align: top; font-size:14px; text-align:center;}
.print_week td, .print_week th {border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}
.print_week table {width:100%; border-top:solid 1px #aaaaaa; border-left:solid 1px #aaaaaa;}

/*------------------------------------  menu  ------------------------------------*/

.table_list_grp ul li {text-align:center; padding:2px 5px;}
.table_list_grp .name {min-width:120px; display:inline-block;}
.menu_food td {vertical-align:top; border:solid 1px #aaaaaa;}
.menu {width:100%; padding:30px 10px; font-size:14px;}
.menu_pad_t40 {padding-top:40px;}
.menu li {text-align:left !important;}
.menu li .name {min-width:120px; text-align:left; padding-left:5px;}
.menu li .price {min-width:80px; text-align:right; float:right; padding-right:5px;}
.menu li:hover {background-color:#909090; color:#ffffff;}
.menu li.mbox_bl {background-color:#94bbd4; padding:3px;}
.menu li.mbox_lu {background-color:#9dd494; padding:3px;}
.menu li.mbox_di {background-color:#d4ba94; padding:3px;}
.menu li.mbox_nt {background-color:#afa9a5; padding:3px;}
.menu li.mbox_un {background-color:#dddddd; padding:3px;}
.menu li.mbox_un {text-align:center !important;}
.menu li.average_day {background-color:#dddddd; border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa;}
.menu li.not_order {background-color:#303030; color:#aaaaaa;}
.menu li.check_price {background-color:#f30; color:#ffffff;}
.menu_btns button {margin:5px 0;}
.menu_btns .btn_big {height:60px;}
.btn_xl {height:60px !important; padding:10px 20px; border-radius:5px;}



/*------------------------------------  menu color  ------------------------------------*/

.mc_red {color:#ff1100; margin-right:5px;}
.mc_blue {color:#0066cc; margin-right:5px;}
.mc_green {color:#339900; margin-right:5px;}
.mc_yellow {color:#ffcc00; margin-right:5px;}
.mc_brown {color:#663300; margin-right:5px;}
.mc_orange {color:#ff6600; margin-right:5px;}
.mc_white {color:#ffffff; text-shadow: 1px 1px 3px #303030;  margin-right:5px;}
.mc_trans {color:#505050; margin-right:5px;} /* only outline color */


/*------------------------------------  menu color  ------------------------------------*/

.alert {border:solid 1px #e0c8c8; line-height:1.6em; margin:10px; padding:10px 20px; background-color:#f2e3e3; overflow:auto;}
.alert h3 {line-height:2; padding:0; margin:0;}
.alert ul {padding-inline-start: 40px;} 
.alert li {list-style-type:disc;}

.flex_center {display: flex; align-items: center; justify-content: center;}
.flex_topleft {display: flex; align-items: start; justify-content: start; flex-wrap: wrap;}

.table_massage {border:solid 1px #e0c8c8; min-height:200px; text-align:center; color:#ff6633; font-size:22px;}

.title_side {font-size:14px; width:400px; height:30px; position:absolute; top:20px; left:200px;}
.title_side button {padding:5px 0;}
.title_side input {height:32px;}


/*-------------------------------------  input_select_grp  -------------------------------*/

.input_select_grp {width:100%; padding:10px; overflow:auto;}
.input_select_grp .inner_divide {border:solid 1px #dddddd; padding:10px; overflow:auto;}
.input_select_grp .padding_h10 {padding:10px 0;}
.input_select_grp .group_left {width: calc(50% - 10px); float:left;}
.input_select_grp .group_right {width:calc(50% - 10px); float:right;}
.input_select_grp button {width:100px; font-size:14px; height:30px; padding:2px 5px; border:solid 1px #303030; background: linear-gradient(#f5f5f5, #f5f5f5);}
.input_select_grp label {margin:0 5px;}
.input_select_grp label input {margin:0 5px;}
.input_select_grp table {width:100%;}
.input_select_grp .group_right .grp_label {position:absolute; top:0px; right:0px;}
.input_select_grp .grp_label .label {margin:0 2px; width:50px; padding:2px; height:20px; border-radius:0; text-align:center;line-height:15px; display:inline-block; border-radius:3px;}
.input_select_grp .grp_label .label_imp {background-color:#ff3333;}
.input_select_grp .grp_label .label_scs {background-color:#339900;}
.input_select_grp .grp_label .label_inv {background-color:#333333;}
.input_select_grp .grp_label .label_inf {background-color:#3366cc;}
.input_select_grp .grp_label .label_war {background-color:#ff6600;}
 
.input_select_grp .grp_label2 {position:absolute; top:12px; left:400px;}
.input_select_grp .group_left7 {width: calc(70% - 10px); float:left;}
.input_select_grp .group_right3 {width: calc(30% - 10px); float:right;}

/*------------------------------------------------------------------------------*/

.check_box label input {line-height:30px; height:14px !important; margin:0 3px 0 10px;}

.table_label label {display:inline-block; padding:0 5px 3px 5px; height:20px; line-height:20px; text-align:center; color:#ffffff !important; margin:0 auto; border-radius:3px;}
.table_label label.label_imp, .table_label label.l_red {background-color:#ff3333;}
.table_label label.label_scs, .table_label label.l_green {background-color:#339900;}
.table_label label.label_inv, .table_label label.l_dgray {background-color:#333333;}
.table_label label.label_inf, .table_label label.l_blue {background-color:#3366cc;}
.table_label label.label_war, .table_label label.l_orange {background-color:#ff6600;}
.table_label label.label_gray, .table_label label.l_gray {background-color:#aaaaaa;}

.btn_top_right {position:absolute; top:15px; right:10px;}
.btn_top_right button {padding:5px 10px; font-size:15px; line-height:1.6em;}

.btn_grp button {height:30px; padding:2px 10px; text-align:center; font-size:14px; border:solid 1px #707070; line-height:1.0; background: linear-gradient(#1c2135,#1c2135); color:#ffffff;}
.btn_grp .btn_pos {position:absolute; top:15px; right:10px;} /* 창고 > 식자재 관리 > 식자재 등록 */

/*------------------------------------Left Right ------------------------------------------*/

.blue_box {width:100%; border:solid 1px #cccccc; background-color:#f1f6f8; margin-top:20px; padding:20px; overflow:hidden;}
.blue_box .item_label {float:left; padding:0 20px;}
.blue_box .item_term {float:left; padding:0 20px;}
.blue_box .item_btn {float:left; padding:0 20px;}

.div_half_box, td.div_half_box {width:50%; padding:10px !important; border:solid 1px #aaaaaa !important; background-color:#f0f0f0; line-height: 1.8em; vertical-align:top;}
.div_half_box, td.div_half_box li {list-style-type: disc; margin-left:30px;}
.cursor_hand {cursor:pointer !important;}
.select_multi_box {height:100px; float:left; display:flex; align-items: center;}
.select_multi_box input, .select_multi_box select,.select_multi_box button {margin:2px;} 

/*----------------------------------- Stats -------------------------------------------*/

.graph_box {width:100%; border:solid 1px #cccccc; min-height:300px; padding:10px; background-color:#ffffff; margin:0 0 20px 0;}
.scroll_x2 {width:100%; overflow-x:auto; padding:0;}
.scroll_x2 table {min-width:200%;}
.word_warp th, .word_warp td{word-wrap: break-word;}
.scroll_x3 {width:100%; overflow-x:auto; padding:0;}
.scroll_x3 table {min-width:120%;}
.scroll_x4 {width:100%; overflow-x:auto; padding:0;}
.scroll_x4 table {min-width:300%;}
.scroll_x4 table th {min-width:80px;}
.scroll_x5 {width:100%; overflow-x:auto; padding:0;}
.scroll_x5 table {min-width:150%;}
.scroll_x6 {width:100%; overflow-x:auto; padding:0;}
.scroll_x6 table {min-width:100%;}
.scroll_x7 {overflow-x:auto; padding:0;}
.scroll_x7 table {min-width:100%;}


.box_text_gray {padding:10px; width:100%; height:100px; overflow-y:auto; font-size:13px; line-height:1.6em; background-color:#f0f0f0; border:solid 1px #c0c0c0; margin-bottom:10px;}
.table_month th {width:40px;}
.icon_pos td {position:relative;}
.icon_sl {width:16px; height:16px; background-image:url('../image/icon_sl.png'); background-repeat:no-repeat; display:inline-block; position:absolute; top:12px; right:10px; cursor: pointer; cursor:pointer;}

.label_grp_name {width:90px; float:left;}
.label_grp {width:calc(100% - 90px); height:30px; float:left; vertical-align: middle; overflow-x:auto; background-color:#f5f5f5; border:solid 1px #aaaaaa; padding:2px 5px; line-height:1.2em;}
.label_grp span {display:inline; text-align:center; line-height:2.0em;}

.head_selec .items {width:80px; float:left; line-height:2.4em;}
.head_selec .items_con {width:200px; float:left; text-align: left !important;}
.head_selec .listinlist {margin:5px 0;}
.head_selec .listcheck li {line-height:24px;}
.head_selec .listcheck li input {height:14px; margin:5px; position:relative; top:1px; padding:2px;}

.flex_center {display: flex; align-items: center; justify-content: center;}



.box_grp {width:100%; overflow:hidden; padding:10px; border:solid 1px #dddddd; background-color:#eeeeee; text-align:left;}
.box_grp .items {width:150px; float:left;}
.box_grp li {height:40px; text-align:left !important;}

button.btn_dark {background: linear-gradient(#1c2135, #1c2135);}
button.btn_red {background: linear-gradient(#ff4526, #e10202);}

.half_grp {width:100%; overflow:hidden;}
.half_grp .half_box {width:50%; float:left;}

/*----------------------------------- Place info. -------------------------------------------*/

#placeInfo {border:solid 1px #dddddd; padding:10px; display:none;}
#placeInfo .title {font-size:22px; padding:10px 0;}
#placeInfo .place_info {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed;}
#placeInfo .place_info li {height:40px;}
#placeInfo .place_info .name {width:250px; display:inline-block;}
#placeInfo .place_info .small {display:inline-block; line-height:1.4em; font-size:14px; background-color:#eeeeee; border:solid 1px #909090; color:#303030; border-radius:3px; padding:2px 5px; margin:0 10px;}
#placeInfo .place_info .text_edit {width:100%; height:400px; background-color:#f5f5f5; border:solid 1px #f30;}
#placeInfo .price {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed; margin-top:20px;}
#placeInfo .price span.name {width:70px; display:inline-block;}
#placeInfo .price li {line-height:2.5em;}
#placeInfo .price li input {margin-right:30px;}
#placeInfo .manager {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed;}
#placeInfo .manager li {line-height:2.5em;}
#placeInfo .manager span.name {width:100px; display:inline-block;}
#placeInfo .outlay {width:100%; padding:10px; background-color:#f9f5f1; border:solid 1px #decec0;}
#placeInfo .outlay label {margin-right:10px;}
#placeInfo .outlay label input {margin-right:5px;}
#placeInfo .underline {border-bottom:solid 1px #d0d0d0; padding-bottom:10px; margin-bottom:10px; display:block; }
#placeInfo .well {width:100%; height:732px; padding:10px; background-color:#f5f5f5; border:solid 1px #dddddd; margin-top:20px; }
#placeInfo .well label {display:block; width:30%; margin:0 10px; float:left;}
#placeInfo .well .btn_all {padding:2px 5px; width:160px; text-align:center; font-size:14px; float:left; border:solid 1px #aaaaaa; background-color:#ffffff; border-radius:3px; margin:0 10px; line-height:25px; height:30px;}
#placeInfo .well .label_grp {width:100%; height:670px; border-top:solid 1px #dddddd; overflow-y:scroll; background-color:#ffffff; padding:10px;}

/*----------------------------------- Manage Client -------------------------------------------*/

#manageClient {border:solid 1px #dddddd; padding:10px; display:none;}
#manageClient .title {font-size:22px; padding:10px 0;}
#manageClient .client_info {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed;}
#manageClient .client_info li {height:40px;}
#manageClient .client_info .name {width:250px; display:inline-block;}
#manageClient .client_info .small {display:inline-block; line-height:1.4em; font-size:14px; background-color:#eeeeee; border:solid 1px #909090; color:#303030; border-radius:3px; padding:2px 5px; margin:0 10px;}
#manageClient .client_info .text_edit {width:100%; height:400px; background-color:#f5f5f5; border:solid 1px #f30;}
#manageClient .price {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed; margin-top:20px;}
#manageClient .client_info span.name {width:100px; display:inline-block;}
#manageClient .price li {line-height:2.5em;}
#manageClient .price li input {margin-right:30px;}
#manageClient .client_info .textarea_area .name {height:100px; vertical-align:top; padding-top:31px;}
#manageClient .client_info .textarea_area {width: 100%; height:100px;}
#manageClient .client_info .textarea_area {height:100px; display:inline-block;}
#manageClient .client_info textarea {width:calc(100% - 100px); height:100px;}

#manageClient .company_info {width:100%; padding:10px; background-color:#eef7fa; border:solid 1px #d3e5ed;}
#manageClient .company_info li {height:40px;}
#manageClient .company_info .name {width:150px; display:inline-block;}
#manageClient .underline {border-bottom:solid 1px #d0d0d0; padding-bottom:10px; margin-bottom:10px; display:block; }

#manageClient .mamager_info {width:100%; padding:10px; background-color:#f5f5f5; border:solid 1px #dddddd; margin-top:20px;}
#manageClient .mamager_info li {height:40px;}
#manageClient .mamager_info .name {width:150px; display:inline-block;}

#manageClient .uncollected_info {width:100%; padding:10px; background-color:#f9f5f1; border:solid 1px #decec0; margin-top:20px;}

#manageClient .form_table {border:solid 1px #dddddd; padding:10px; margin-top:20px; background-color:#f5f5f5;}
#manageClient .form_table .table_list {width:100%; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; margin-top:10px;}
#manageClient .form_table .table_list tr {height:30px; border-bottom:solid 1px #dddddd;}
#manageClient .form_table .table_list th, #manageClient .form_table .table_list td {border-right:solid 1px #dddddd; text-align:center; width:calc(100% / 32);}
#manageClient .form_table .table_list th {background-color:#eaf2f8}

.table_list_grp div.grps {display:inline-block; margin:2px 5px;}
.table_list_grp div.grps input {width:120px; margin-right:10px;}
.table_list_grp div.grps button {width:50px; margin-right:10px;}

.table_list_grp div.grps2 {display:inline-block; margin:2px 5px;}
.table_list_grp div.grps2 input {width:120px; margin-right:10px;}
.table_list_grp div.grps2 .btn_chn {width:50px; margin-right:10px;}
.table_list_grp div.grps2 .btn_chnp {width:70px; margin-right:10px;}
.table_list_grp div.grps2 .btn_chnpall {width:130px; margin-right:10px;}
.table_list_grp div.grps2 .cautionChange {width:330px; margin-top:2px; border:solid 1px #909090; border-radius:2px; background-color:#efefef; padding:10px;}
.table_list_grp div.grps2 .cautionChange .txt_caution {font-size:14px; color:#ff0000;}

.table_list_grp div.grps2 .cautionChange {display:none;}

.box_gray {width:100%; margin:30px 0; padding:10px; background-color:#f0f0f0; border:solid 1px #cccccc;}
.guide_box {width:100%; padding:10px; border:solid 1px #dddddd;}
.guide_box li {text-align:left !important;}
.show_num {display:inline-block;}


/* food table */

.sigdan {text-align:left;}
.sigdan div {width:110px; text-align:left; padding:2px; margin:0 auto;}
.sigdan .badge {width:60px; display:inline-block; padding:2px 2px; background-color:#aaaaaa; font-size:14px; color:#ffffff; text-align:center; border-radius:3px;}
.sigdan .badge_b {background-color:#e38529;} /* 조식 */
.sigdan .badge_l {background-color:#54b90a;} /* 중식 */
.sigdan .badge_d {background-color:#d97f90;} /* 석식 */
.sigdan .badge_n {background-color:#7a61ba;} /* 야식 */
.sigdan .badge_s {background-color:#0d82cd;} /* 특식 */
.sigdan .badge_k {background-color:#707070;} /* 간식 */
.underline {text-decoration:underline;}
.box_analysis {background-color:#f4caa1; border:solid 1px #bb7938; border-radius:10px; padding:10px; text-align:center;}

/* mamage Table */

.div_container {display: flex; flex-direction: row;}
.div_container .div_box {flex: 100%;}

/* style */

.daily {width:100%; padding:10px;}
.daily .table_list table {width:100%; text-align:center; font-size:14px; border-collapse: collapse; line-height:1.2; border:solid 1px #cccccc;}
.daily .table_list table th {font-weight:300; border:solid 1px #a7b3bc !important; padding:5px; background-color:#eaf2f8;}
.daily .table_list table td {border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-top:solid 1px #aaaaaa; padding:5px;}
.daily .table_list table tr:hover {background-color:#eaf2f8 !important;}

.badge {width:60px; display:inline-block; padding:2px 2px; background-color:#aaaaaa; font-size:14px; color:#ffffff; text-align:center; border-radius:3px; line-height:1.2em;}
.badge_sm {min-width:25px; display:inline-block; padding:2px 5px; background-color:#aaaaaa; font-size:14px; color:#ffffff; text-align:center; border-radius:3px;}
.badge_info {background-color:#5091c3;}
.badge_success {background-color:#459c3e;}
.badge_warning {background-color:#d16e46;}
.badge_important {background-color:#c4516c;}
.badge_black {background-color:#303030;}




.select_plp {margin-top:10px;}
.select_plp label {display:inline-block; width:170px; margin-right:3px; background-color:#eddcdc; border-bottom:solid 1px #d7c5c5;}

/* board Style */

#boardContent .board_title  {padding:10px; font-size:18px; font-weight:300;}
#boardContent .board_content {padding:10px; height: calc(100% - 90px); overflow-y:scroll; border-top:solid 1px #dddddd;}
#boardContent .board_content .board_content_view {padding:10px; border:solid 1px #aaaaaa; margin:10px 0; background-color:#ffffff;}
#boardContent .board_content .board_content_reply {margin:10px 0;}
#boardContent .board_content .board_content_reply textarea {width:100%; height:70px; background-color:#f5f5f5;}
#boardContent .board_content .reply_table table {width:100%; text-align:center; font-size:14px; border-collapse: collapse; line-height:1.2; border:solid 1px #cccccc;}
#boardContent .board_content .reply_table {background-color:#ffffff; border:solid 1px #dddddd; width:100%;}
#boardContent .board_content .reply_table th {font-weight:300; border:solid 1px #a7b3bc !important; padding:5px; background-color:#eaf2f8;}
#boardContent .board_content .reply_table td {border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-top:solid 1px #aaaaaa; padding:5px;}
#boardContent .board_content .reply_table tr:hover {background-color:#eaf2f8 !important;}

#boardWrite .board_title  {padding:10px; font-size:18px; font-weight:300;}
#boardWrite .board_content {padding:10px; height: calc(100% - 90px); overflow-y:auto; border-top:solid 1px #dddddd;}
#boardWrite .board_content .item_grp {clear:both; padding:5px 0 4px 0; overflow:auto; border-bottom:solid 1px #d7e1e7;}
#boardWrite .board_content .item_grp .item_name {float:left; width:200px;}
#boardWrite .board_content .item_grp .item_content {float:left; width:calc(100% - 200px);}
#boardWrite .board_content .write_guide {margin:20px 0; border:solid 1px #e0c8c8; line-height:1.6em; padding:10px 20px; background-color:#f2e3e3; overflow:auto;}
#boardWrite .board_content .text_write {width:100%; padding:10px 20px; border:solid 1px #aaaaaa; background-color:#ffffff; }
#boardWrite .bg_white {background-color:#ffffff;}

#boardWrite .text_area {width:100%; border:solid 1px #aaaaaa; padding:20px; height:300px; overflow-y:auto;}

.emple {border:solid 1px #e0c8c8; line-height:1.6em; padding:10px 20px; background-color:#f2e3e3; overflow:auto;}
.name_grp {width:100%; margin:10px 0; clear:both; overflow:hidden;}
.name_grp .name_div {width:100px; float:left;}
.name_grp .name_box {float:left; width:calc(100% - 100px)}

/* login */

#login {height:100%; border:solid 1px #ffffff; background-color:#f5f5f5;}
#login.bg {background-image:url('../image/login_bg.jpg');}
#login .title {text-align:center; height:auto; font-weight:bold; display: block; padding:10px 0; text-align:center;}
#login .title img {width:70%;}
#login .title_s {font-size:24px; color:#101010; padding:10px 0; margin:10px 0; height:auto; text-align:center; letter-spacing:-1px;  }
#login .login_box {width:500px; margin:0 auto; margin-top:200px;}
#login .login_grp {width:100%; padding:30px; border:solid 1px #909090; border-radius:10px; background-color:#ffffff; font-size:18px; font-weight:300; box-shadow:0 2px 3px #dddddd;}
#login .login_grp .login_input {width:100%; height:50px; margin:20px 0; }
#login .login_grp .login_input input {width:100%; height:50px; border:solid 1px #aaaaaa; padding:2px 10px; border-radius:5px; background-color:#f3f8fa; padding-left:40px;}
#login .login_grp .login_btn button.login {width:100%; margin:20px 0; height:60px; background: linear-gradient(#f5854d, #cb571d); border:solid 1px #909090; color:#ffffff; font-weight:400; font-size:24px; border-radius:5px;}
#login .login_grp .caution_day {font-size:14px; text-align:center; background-color:#f23; color:#fff; padding:5px; animation: blink 2s linear infinite; border-radius:5px;}
@keyframes blink { 50% {opacity: .5; border-color: #f30;}}

#login .find_id {width:100%; height:50px; display:flex; align-items: center; justify-content: center;}
#login .find_id li {float:left; padding:5px 10px; height:30px; line-height:20px;}
#login .find_id li.line {width:11px; text-align:center; color:#dddddd; padding:3px;  }
#login .login_grp .login_input .icon_id {background-image:url('../image/icon_id.png'); background-repeat:no-repeat; background-position:10px center;}
#login .login_grp .login_input .icon_pw {background-image:url('../image/icon_pw.png'); background-repeat:no-repeat; background-position:10px center;}

#del_all_bod_ea {display:inline-block; margin-left:10px; padding:2px 6px; border-radius:3px; border:1px solid #707070; background-color: #1c2135; color: #ffffff; cursor:pointer !important}


/* End of CSS 1/2 */



































/**/