@charset "utf-8";
:root {
    --main_color : #006ebb;
    --col_white : #FFFFFF;
    --col_black : #333333;
    --box-color : #dddddd;
    --col-bg-gray : #efefef;
    --col-bg-sky-blue : #EDF4FA;

}
* { margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,p,td,input,textarea,button,a,option { font-weight: normal;}
input.input_normal[type=text] { width: 100px;}
input.input_small[type=text] { width: 70px;}
input.input_medium[type=text] { width: 150px;}
/* CSS Document basic*/
body { position: relative;}
#wrap { width: 100%; margin: 0; padding: 0; height: auto; clear: both; min-width: 1200px; background-color: #fff}
#wrap_top { width: 100%; height: 125px; position: relative; background: url(/skin/v1.0/image/bg/header_bg.png) repeat-x;}
#wrap_top .wrap_top_head {
    width: 1200px;
    margin: 0 auto;
    height: 32px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    & a { display: flex; flex-direction: row; align-items: center;}

}
#wrap_top .wrap_head_small_menu { width: auto; height: auto; display: flex; flex-direction: row; margin-left: auto;}
#wrap_top .wrap_head_small_menu li {
    float: left; margin-left: 10px;
    display: flex; flex-direction: row;
    align-items: center;
    &.btn-remote-service {
        display: flex;
        align-items: center;
        height: 20px;
        border: solid 1px #006ebb;
        padding: 0 5px;
        background-color: #fff;
        color: #333;

        & a {
            font-weight: bold;
        }
    }
}

#wrap_top .wrap_head_small_menu li a:hover { color: #3579CA !important; text-decoration: none;}
#wrap_top .wrap_top_middle {
    display: flex;width: 1200px; margin: 0 auto; flex-direction: row; height: 90px; align-items: center;
    & .wrap-call-info {
        display: flex;
        margin-left: auto;
        flex-direction: row;
        font-size: 18px;
        font-weight: 800;
        align-items: center;
        gap: 10px;
        & img {
            width: 56px;

        }
        & .call-info-txt {
            display: flex;
            flex-direction: column;
            & span {
                font-size: 18px;
                font-weight: 800;
            }
            & small {
                font-size: 12px;
                color: #666;
            }
        }
    }
}
#wrap_top_menu { position: relative; float: left; width: 100%; height: 52px; border-top: 1px solid var(--main_color); border-bottom: 0 1px 3px 0 rgba(0,0,0,.12); box-shadow: 0 1px 3px 0 rgba(0,0,0,.12); margin-bottom: 20px}
#wrap_top_menu div.menubox { width: 1200px; height: 52px; margin: 0 auto; }
#wrap_top_menu div.menubox li { float: left; width: 14.2857143%; display: inline-block; height: 50px; padding: 0; margin: 0; position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#wrap_top_menu div.menubox li > a { height: 35px; width: 100%; padding: 0; margin: 0; line-height: 35px; font-size: 17px; color: #333; display: block;font-weight: normal; border-right: 1px solid #ddd; position: absolute; top:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight: bold;  text-align: center; }
#wrap_top_menu div.menubox li:first-child > a { border-left: 1px solid #eee;}
#wrap_top_menu div.menubox li:last-child > a { border-right: 1px solid #eee; margin-right: -2px !important;}
#wrap_top_menu div.menubox li > a:hover { text-decoration: none; color: var(--main_color) !important;}
#wrap_top_menu div.menubox li.on > a{ color: var(--main_color) !important;}
#topsub { width: 100%; position: absolute; top: 53px; height: 150px; overflow: hidden; background-color: #f2f2f2; border-bottom: 1px solid #ddd;padding-top: 10px; padding-bottom: 10px;}
#topsub .subbox { width: 1200px; position: relative; margin: 0 auto; height: auto; overflow: hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#topsub .wrap_sub { width: 14.2857143%; float: left; height: 150px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 15px; padding-right: 15px; border-right: 1px solid #ddd;}
#topsub .wrap_sub:last-child { border: none;}
#topsub .wrap_sub ul { }
#topsub .wrap_sub li { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center;}
#topsub .wrap_sub a { font-size: 1.1em; margin-bottom: 2px;}
#topsub .wrap_sub a:visited { color: #333; }
#topsub .wrap_sub a:hover, #topsub .wrap_sub a.on { color: #fff !important; text-decoration: none; }
#topsub .wrap_sub a:hover li,#topsub .wrap_sub a.on li { background-color: var(--main_color); }


#wrap_body{
    width: 100%;
    position: relative;
    height: auto;
    min-height: 800px;
    margin: 0 auto;
    top: 40px;
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
}
#wrap_body_content { width: 1200px; position: relative; margin: 0 auto; }


#loading { display: none;}

#wrap_foot {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border-top: 1px solid #999;
    height: auto;
    background-color: #333;
    float: left;
    padding: 20px 0 40px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    & .wrap_foot_body_inner {
        display: flex;
        flex-direction: row;
        width: 1000px;
        margin: 0 auto;
        gap: 24px;
        align-items: stretch;
        & .foot_logo {
            width: 50px;
            & img {
                width: 100%;
            }
        }
        & .foot_copy {
            color: #FFF;
            display: flex;
            width: 100%;
            flex-direction: column;
            gap: 4px;
            align-items: start;
            justify-content: center;
            height: 100%;
            padding-top: 10px;
        }
    }
}
#wrap_foot .wrap_foot_head {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    color: var(--col_white);
    align-items: center;

}
#wrap_foot .wrap_foot_head ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    box-sizing: border-box;
    padding: 5px 0;
    gap: 20px;
}
#wrap_foot .wrap_foot_head li { display: flex; flex-direction: row; list-style: none; box-sizing: border-box; gap: 14px;    }
#wrap_foot .wrap_foot_head li a { display: flex; flex-direction: row; list-style: none; box-sizing: border-box; font-size: 14px;}

i.material-icons { vertical-align: middle; font-size: 16px !important; line-height: 16px !important; }


.line_l { border-left: 1px solid #ddd;}
.line_r { border-right: 1px solid #ddd;}


/* 내비게이션 */
#wrap_navi { overflow: hidden; width: 100%; height: 39px; background-color: #eee; border-bottom: 1px solid #ddd; position: absolute; top: 104px; }
#wrap_navi .wrap_navi_body { margin: 0 auto; width: 1200px; line-height: 39px; height: 39px; display: block; position: relative;}
#wrap_navi .wrap_navi_body ul { }
#wrap_navi .wrap_navi_body li { float: left; width: auto; margin-right: 10px; height: 39px; line-height: 35px; display: inline-block; padding-right: 40px; position: relative;}
#wrap_navi .wrap_navi_body li a , #wrap_navi .wrap_navi_body li span{align-items: center; display: inline-flex; vertical-align: middle; color: #777;}
#wrap_navi .wrap_navi_body li a > i { vertical-align: middle !important; }
#wrap_navi .wrap_navi_body li::after { content: ""; width:20px;height: 40px; background: url(/skin/v1.0/image/icon/right_arrow.png) no-repeat 0px 11px; position: absolute; right: 0; top: 0;}
#wrap_navi .wrap_navi_body li:last-child:after { background: none !important;}
#wrap_navi .wrap_navi_body { margin: 0 auto; width: 1200px; }
#wrap_navi .wrap_navi_body li a:visited { text-decoration: none; color: #777;}

/* 고객지원 왼쪽메뉴 */
#wrap_left_menu { width: 100%; display: flex; flex-direction: column; }
#wrap_left_menu .inner-left-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 12px;
}

#wrap_left_menu .inner-left-menu .left_menu_title { display: flex; width: 100%; border-bottom: 1px solid var(--main_color);}
#wrap_left_menu .inner-left-menu .left_menu_title span { font-size: 1.2rem; font-weight: 600; padding: 10px 15px;}
#wrap_left_menu .inner-left-menu .left_sub_menu { display: flex; flex-direction: column; gap: 2px;}
#wrap_left_menu .inner-left-menu .left_sub_menu li { display: flex; flex-direction: row;  box-sizing: border-box;}
#wrap_left_menu .inner-left-menu .left_sub_menu li a { display: flex; flex-direction: row; padding: 10px 15px; box-sizing: border-box; width: 100%;}
#wrap_left_menu .inner-left-menu .left_sub_menu li:hover,
#wrap_left_menu .inner-left-menu .left_sub_menu li.on { background-color: var(--main_color);}
#wrap_left_menu .inner-left-menu .left_sub_menu li:hover a,
#wrap_left_menu .inner-left-menu .left_sub_menu li.on a { color: var(--col_white); text-decoration: none;}


/* 페이징 */
.paginate1{ display:none; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.paginate1 *{ margin:0; padding:0;}
.paginate1 a,
.paginate1 strong{ display:flex; color:var(--col_black);
    text-decoration:none; line-height:normal;
    border: 1px solid #666;
    background:#F7F7F7; min-width: 30px; height: 30px;
    line-height: 30px; justify-content: center; align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}
.paginate1 strong{ color:#fff!important; background-color: var(--main_color)}
.paginate1 a:hover{ background:var(--main_color); color: #fff; }
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display:none;}

/* 입찰정보 리스트 */
table.s_table {table-layout:fixed;width:100%; border:1px solid #e2e2e2;border-width:1px 0 0 1px;border-spacing:0px; border-collapse:collapse;}
table.s_table caption {margin:0 0 1em;text-align:left;}
table.s_table th,
table.s_table td {padding:0.5em 0.75em;border:1px solid #e2e2e2; border-width:0 1px 1px 0;text-align:left;word-break:break-all; background-color: #ffffff;}
table.s_table th {background:#fff; border-right: none; color: #797979 !important;}
table.s_table tr.on td {background:#fff;}
table.s_table tr.\blue td { background-color: #fdf9f9;}
table.s_table tr.bg_red td { background-color: #fdf9f9;}
table.s_table tr.bg_gray td { background-color: #f4f4f4;}
table.s_table tr.bg_orange td { background-color: #fffbf4;}
table.s_table tr.bg_green td { background-color: #f8fff9;}
table.s_table tr.bg_ivory td { background-color: #fffcf0;}
table.s_table tr.bg_yellow td { background-color: #fffff0;}

/* 버튼 */
.sky_btn { background-color: var(--main_color); padding: 5px 10px; text-align: center; height: 30px; color: #fff; text-decoration: none;}
.sky_btn.small { font-size: 12px; padding: 3px 6px;}
.sky_btn.gray { background-color: #f6f6f6; color: #373737; }
.sky_btn.black { background-color: #343434; color: #fff; }
.sky_btn.red { background-color: #d20000; color: #fff; }
.sky_btn.green { background-color: #00a104; color: #fff; }
.sky_btn.navy { background-color: #005081; color: #fff; }

.hnc_btn { background-color: #2197D4; text-align: center; height: auto; color: #fff; text-decoration: none;}
.hnc_btn.small { font-size: 12px; padding: 3.5px 6px;}
.hnc_btn.gray { background-color: #f6f6f6; color: #373737; }
.hnc_btn.black { background-color: #343434; color: #fff; }
.hnc_btn.red { background-color: #d20000; color: #fff; }
.hnc_btn.green { background-color: #00a104; color: #fff; }
.hnc_btn.navy { background-color: #005081; color: #fff; }

/* Button Reset */
.button,.button a,.button button,.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; white-space:nowrap; background:url(/skin/v1.0/image/btn/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0 !important; vertical-align:middle; margin-right:2px; background-position:left top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.button a,.button button,.button input{ left:2px; vertical-align:top; cursor:pointer; z-index:998; display:inline-table; float:left;}

/* Button Size */
.button.large { height:29px !important; background-position:left -30px; }
.button.xLarge { height:35px !important; background-position:left -65px; }
.button.small { height:18px !important; background-position:left -107px; }
.button.normal {height:23px !important; }
.button a,.button button,.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,.button.large button,.button.large input { height:29px; padding:0 10px 0 8px !important; font-size:14px; line-height:25px !important; background-position:right -30px !important;}
.button.xLarge a,.button.xLarge button,.button.xLarge input { height:35px; padding:0px 10px 0px 8px !important; font-size:20px !important; line-height:35px !important; background-position:right -65px !important;}
.button.small a,.button.small button,.button.small input { height:18px; padding:0px 6px 0px 4px !important; font-size:11px; line-height:18px !important; background-position:right -107px !important;}
.button.normal a,.button.normal button,.button.normal input { height:23px !important; padding:0 10px 0 8px !important; font-size:12px !important; line-height:23px !important; background-position:right top;}

/* Button Text Color */
.button *:hover, .button *:active, .button *:focus{ color:#690;}
.button.green, .button.green a,.button.green button,.button.green input { background-image:url(/skin/v1.0/image/btn/buttonGreen.gif); color:#fff;}
.button.green *:hover,.button.green *:active,.button.green *:focus{ color:#ff0 !important; }
.button.black,.button.black a,.button.black button,.button.black input { background-image:url(/skin/v1.0/image/btn/buttonBlack.gif); color:#fff !important;}
.button.black *:hover,.button.black *:active,.button.black *:focus{ color:#ff0 !important;}
.button.red,.button.red a,.button.red button,.button.red input { background-image:url(/skin/v1.0/image/btn/buttonRed.gif); color:#fff !important;}
.button.red *:hover,.button.red *:active,.button.red *:focus{ color:#ff0 !important;}
.button.blue,.button.blue a,.button.blue button,.button.blue input { background-image:url(/skin/v1.0/image/btn/buttonBlue.gif); color:#fff !important;}
.button.blue *:hover,.button.blue *:active,.button.blue *:focus{ color:#ff0 !important;}

/* 위로가기 */
#btn_top { position: fixed; width: 32px;height: 32px;z-index: 1001;text-align: center;display: table-cell;border-radius: 3px;line-height: 40px;right: 15px;bottom: 15px;}

/* 리스트 버튼 */
.list_btn { background-color: #fafafa;
    padding:6px 12px;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    text-decoration: none !important;
    border: 1px solid #333; cursor: pointer; height: auto;
}
.list_btn i {
    margin-right: 4px;
}
.list_btn:hover,.list_btn.on {
    background-color: var(--main_color);
    color: #fff !important;
    border: 1px solid var(--main_color);
}
.list_btn:hover i ,.list_btn.on i{
    color: #fff !important;
}
.list_btn.green i { color: #5da800 }
.list_btn.yellow i { color: #e9b03e }
.list_btn.gray i { color: #565656 }
.list_btn.blue i { color: #004084 }
.list_btn.red i { color: #df0000 }
.list_btn.purple i { color: #5b008c }
.list_btn:visited {
    color: #000;
}

/* 입찰상세보기 오른쪽 메뉴 */
.views_in_box { width: 100%; margin: 15px 0; }
.views_in_box img { width: 70px; margin-right: 10px; }
.views_in_box span { font-size: 15px; font-weight: bold; }
.views_in_box p { font-size: 13px; width: auto}

/* 메모 */
.memoOn{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif)  no-repeat 0px -0px; display:inline-block; color: #555;}
.memoOff{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif) no-repeat 0px -40px; display:inline-block; color: #555;}
.memoOff a,.memoOn a { display: block; color: #555;}
.memoOff a:hover, .memoOn a:hover { text-decoration: none; color: #555;}

.d_table td > .bid_bidname { font-size:14px;}

/*basic table design*/
.tbl_normal { border-top:2px solid var(--main_color);}
.tbl_normal th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f2f2f2; padding:3px; color: #666 !important; font-weight: normal;}
.tbl_normal td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:; padding:3px;}
.tbl_normal th:first-child { border-left: 1px solid #ddd; }
.tbl_normal td:first-child { border-left: 1px solid #ddd; }


.d_btn.type_search { padding-left: 25px !important; background: url(/skin/v1.0/image/icon/icon_search.png) left center no-repeat; background-size: 25%; background-position-x: 7px; background-color: var(--main_color); color: #fff !important; background-position-y: 7px; border: 1px solid #2197D4;}
.combo .type_search { margin-left: -1px !important;}

.bid_bidname > a{ font-size: 14px !important;}
.bid_bidname .cancel { text-decoration:line-through;}

.d_wrap_bid_right { position: relative;}

.tabbar_bid { position: relative;width: 100%;overflow: hidden;margin:0;font-weight: 300; margin-bottom: -4px !important;}
.tabbar_bid ul { padding: 0;margin: 0;list-style: none;	display: inline-block; float: left; margin-right: 10px;}
.tabbar_bid ul li {	border: 1px solid #becbd2;	border-bottom: none;margin: 0 0.3em;	display: block;	float: left;	position: relative;}
.tabbar_bid ul li:first-child { margin-left: 0em;}
.tabbar_bid li.tc-selected {border: 1px solid var(--main_color);box-shadow: inset 0 2px var(--main_color);border-bottom: none;z-index: 100;}
.tabbar_bid li.tc-selected:before,
.tabbar_bid li.tc-selected:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;background: var(--main_color);}
.tabbar_bid li.tc-selected:after {right: auto;left: 100%;width: 4000px;}
.tabbar_bid a { color: var(--main_color);	display: block;	font-size: 1.1em;line-height: 2.5;	padding: 0.2em 1.4em;	white-space: nowrap;}
.tabbar_bid a:hover { color: var(--main_color); text-decoration: none;}
.tabbar_bid li.tc-selected a { color: var(--main_color);}
.tabbar_bid span {position: relative;font-size: 1.1em;line-height: 2.5;	padding: 0.2em 1.4em;	white-space: nowrap;}

#box_search form { margin-top: 1.4em;}
.material-icons { margin-top : -2px !important; }

#tbl_plan_month th { max-width: 80px; min-width: 60px; text-align: center; color: #999;}
#tbl_plan_month td { text-align: center;}
#tbl_plan_month td.today { background: url(/skin/v1.0/image/bg/bg_plan_today.png);}
#tbl_plan_month th.today { background: url(/skin/v1.0/image/bg/bg_plan_today_th.png) repeat-x;}
#tbl_plan_month td.num:hover { background-color: #efefef;color: var(--main_color) !important; background-image: none;}
#tbl_plan_month td.num.selected { background-color: var(--main_color);color: #fff !important; background-image: none;}

#tooltip{text-align: center;color: #fff;background: #111;position:absolute;z-index:1000;padding:10px; font-size:11px; max-width:200px;}
#tooltip:after /* triangle decoration */
{	width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: '';position: absolute;left: 50%;
	bottom: -10px;margin-left: -10px;}
#tooltip.top:after{	border-top-color: transparent;	border-bottom: 10px solid #111;	top: -20px;	bottom: auto;}
#tooltip.left:after{	left: 10px;margin: 0;}
#tooltip.right:after{	right: 10px;	left: auto;	margin: 0;}

.tooltip{text-align: center;color: #fff;background: #111;position:absolute;z-index:1000;padding:10px; font-size:11px; font-family:"Nanum Gothic";}
.tooltip:after /* triangle decoration */
{	width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: ''; position: absolute;left: 50%;
	bottom: -10px;margin-left: -10px;}
.tooltip.top:after{	border-top-color: transparent;	border-bottom: 10px solid #111;	top: -20px;	bottom: auto;}
.tooltip.left:after{	left: 10px;margin: 0;}
.tooltip.right:after{	right: 10px;	left: auto;	margin: 0;}


.ico_jps { display: block;overflow: hidden;font-size: 0;line-height: 0;background: url(/skin/v1.0/image/icon/ico_jps_180202.png?ver=1.0) no-repeat;background-position-x: 0%;background-position-y: 0%;text-indent: -9999px;}
.ico_arrow { display: inline-block;width: 12px;height: 21px;margin: 4px 0 0 15px;background-position: 0 -1150px;vertical-align: top;}
.ico_arrow_dot { display: inline-block;width: 12px;height: 17px;margin: 4px 0 0 10px;background-position: 0 -1090px;vertical-align: top; overflow: hidden;}
.ico_hwp { display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2079px;vertical-align: top;}
.ico_doc { display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2165px;vertical-align: top;}
.ico_excel{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2148px;vertical-align: top;}
.ico_pdf{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2132px;vertical-align: top;}
.ico_ppt{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2113px;vertical-align: top;}
.ico_hun{ display: inline-block;width: 14px;height: 14px;margin: 3px 0 0 0px;background-position: 0 -2095px;vertical-align: top;}

#quickmenu { width: 74px;
    height: auto;
    background-color: #efefef;
    position: sticky;
    top: 10px;
    border-radius: 8px;
}
#box_body_content .box_list_bottom { width: 100%; float: left; position: relative; height: 35px; line-height: 35px; border-top: 1px solid #1f1f1f; margin-top: 15px; padding-bottom: 25px;}
#box_body_content .box_list_bottom .icon_flag_img { list-style: none; }
#box_body_content .box_list_bottom .icon_flag_img > li { float: left; margin-right: 3px; display: inline-block; line-height: 30px; height: 30px;}
#box_body_content .box_list_bottom .icon_flag_img > li img { vertical-align: middle;}


/* Button Text Strong */
.button.strong * { font-weight:600 !important;}
.BallonLayer {	position:absolute; border:1px solid #000; background-color:#eee; display:none; margin-top:5px; width:120px;	height:100px;overflow:auto;}
.button .icons { margin-top:2px; margin-left:10px; margin-right:-10px; float:left; position:relative; z-index:999;}
.button.large .icons { margin-top:5px;}
.icons { background:url(/skin/v1.0/image/chk.gif) no-repeat; width:20px; height:18px; display:block;}
.icons { margin:0px; padding:0px; background-position:-2px 0px;}
.icons.confirm { background-position:-2px 0px;}
.icons.delete { background-position:-22px 0px;}
.icons.print { background-position:-42px 0px;}
.icons.table { background-position:-62px 0px;}
.icons.cal { background-position:-82px 0px;}
.icons.excel { background-position:-102px 0px;}
.icons.search {background-position:-122px 0px;}
.icons.document {background-position:-142px 0px;}
.icons.list {background-position:-162px 0px;}
.icons.add {background-position:-182px 0px;}
.icons.top {background-position:-202px 0px;}
.icons.graph {background-position:-220px 0px;}

.lavel_money { background-color: #00529a; color: #fff; font-size: 12px; padding: 2px; }


@media screen and (max-width : 1200px) {
	.view_large { display: none;}
}

.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.day_color { background-color: #bfe9fc !important }
.table_hidden th,.table_hidden td { border: none !important;}
.ln19 { line-height: 19px;}
.ln20 { line-height: 20px;}

.page_title h2 span { color: #333;}

.tab_bar.type_small > li.tc-selected > a { color: var(--main_color) !important;}
.tab_bar.type_small > li > a:hover { color: #8FC344 !important;}


.progbar ul { margin:0; padding:0;}
.progbar ul, .progbar ul li { list-style:none; margin: 0 !important;}
.progbar ul li span {display: block;float: left;background-color: var(--main_color) !important;text-align: center;padding: 5px 15px 5px 30px;position: relative;margin: 0px 5px 0px 0px;font-size: 11px;text-decoration: none;color: #FFF; line-height:20px;}
.progbar ul li span:after { content: "";border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid var(--main_color) !important;position: absolute;
right: -25px;top: 0px;z-index: 1;}
.progbar ul li span:before { content: "";  border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #fff;position: absolute; left: 0; top: 0;}
.progbar ul li:first-child span:before { display:none;}
.progbar ul li:first-child span { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.progbar ul li.on span { background: #d0d0d0 !important; color:var(--col_black) !important; margin-bottom:5px;}
.progbar ul li.on span:after {	border-left-color: #d0d0d0 !important;}
.progbar ul li:last-child span:after { display: none;}
.progbar ul li:last-child span { padding-right:30px;border-top-right-radius: 5px; border-bottom-right-radius:5px; }

.wrap-count {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    height: auto !important;
}


/* color style */
.c_yellow { color:#FFD700 !important; }