@charset "euc-kr";
/* CSS Document basic*/
#wrap_footer { width:100%; height:auto; min-height:150px; background-color:#fff; clear:both; position:relative; border-top:1px solid #ddd}

/* GTB class */
#wrap_top > div { max-width:1100px; position:relative; margin:0px auto;}
#wrap_top li { width:auto; height:25px; line-height:25px; float:left; display:inline-block; margin-right:10px;}
#wrap_top li a{ font-size:12px; color:#000; overflow:hidden; height:20px; line-height:20px; display:block; padding-top:2px; width:auto; font-weight: bold;}
#wrap_top li a.icons { background:url(/skin/v1.0/image/icon/icon_tops.png) no-repeat 0 4px; padding-left:18px !important;}
#wrap_top li a.icons.home { background-position:0px -16px;}
#wrap_top li a.icons.login{ background-position:0px -35px;}
#wrap_top li a.icons.logout{ background-position:0px -60px;}
#wrap_top li a.icons.remote{ background-position:0px -75px;}
#wrap_top_right { width:auto; height:25px; display:block;}
#wrap_top_right li { float:left; display:inline; background:url(/skin/v1.0/image/bullet/bullet_pipe_small.gif) no-repeat right; padding-right:10px;}
#wrap_top_right li:last-child { background:none;}

/*
#gnb_menu ul { width:960px; height:50px;overflow:hidden;margin:auto;}
#gnb_menu li { width:auto; min-width:191px;height:50px; line-height:50px; float:left; margin-right:1px; display:inline-block; overflow:hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#gnb_menu li a { font-size:18px; color:#fff; width:100%; font-weight:600; display:block; line-height:50px; text-decoration:none; padding-left:23px; padding-right:23px; vertical-align:middle; height:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center;}
#gnb_menu li a:hover { background-color:#688399; color:#FFFFFF;}
#gnb_menu li a > img { padding-top:10px; padding-left:10px; padding-right:10px;}
#gnb_menu li:first-child a { background-color:#003366;}
#gnb_menu::after, #gnb_menu > ul::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px;}
#gnb_menu li ul { width:auto; height:0px; position:absolute; z-index:1000; padding-top:3px; background-color:#fff;}
#gnb_menu li.on a,#gnb_menu li.dc-selected a { background-color:#688399;}
#gnb_menu li.on ul { height:auto !important; background-color:#fff !important; border-right:1px solid #003366;border-bottom:1px solid #003366;border-left:1px solid #2980b9; padding-bottom:5px;}
#gnb_menu li.on ul > li { float:left; width:100%; height:auto; line-height:30px; padding-right:0; background-color:#efefef;}
#gnb_menu li.on ul > li a { font-size:12px; line-height:28px; background-color:#fff; height:28px; color:#333; padding-left:10px; margin-left:1px; margin-right:1px;}
#gnb_menu li.on ul > li a.on,#gnb_menu li.on ul > li a:hover { color:#fff; background-color:#688399;}
*/


/*footer class*/
#wrap_footer_inner { width:1200px; position:relative; margin:0px auto; height:auto; clear:both; padding-top:30px;}
#wrap_footer_inner .footer_menu { width:auto; height:auto; margin-bottom:10px; display:inline;}
#wrap_footer_inner .footer_menu li,#wrap_footer_inner .footer_copy li { float:left; width:auto; height:auto; margin-right:15px;background:url(/skin/v1.0/image/bullet/bullet_pipe.gif) no-repeat right; padding-right:15px;font-size: 14px;font-weight: 500;}
#wrap_footer_inner .footer_menu li a {color: #000;display: block;font-weight: 500;}
#wrap_footer_inner .footer_menu li:last-child { background:none;}
#wrap_footer_inner .footer_copy { margin-top:0px;}
#wrap_footer_inner .footer_copy li { color:#999; font-size:12px; height:20px; background-image:url(/skin/v1.0/image/bullet/bullet_pipe_small.gif); line-height:20px;margin-top: 10px;}
#wrap_footer_inner .footer_copy li.last { background:none;}
#wrap_footer_inner .copyright { color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#loading { display:none;}

/* 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;
    overflow: visible;
    color: #333;
    background: #eaeaea;
    border-radius: 3px;
    color: #999;}
.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 {color: #fff !important;
    background: #333;}
.button.black *:hover,.button.black *:active,.button.black *:focus{ color:#ff0 !important;}
.button.red,.button.red a,.button.red button,.button.red input { background:#ff0000; color:#fff !important;}
.button.orange,.button.orange a,.button.orange button,.button.orange input { background:#e27133; 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: #453fcb;border-radius: 3px;line-height: 23px;height: 23px;color:#fff;}
.button.blue *:hover,.button.blue *:active,.button.blue *:focus{ color:#ff0 !important;}

/* 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/icon/icons.png?date=20150630) no-repeat !important; width:20px; height:18px; display:block;}
.icons { margin:0px; padding:0px; background-position:-2px 0px;}
.icons.confirm { background-position:-2px 0px !important;}
.icons.delete { background-position:-22px 0px !important;}
.icons.print { background-position:-42px 0px !important;}
.icons.table { background-position:-62px 0px !important;}
.icons.cal { background-position:-82px 0px !important;}
.icons.excel { background-position:-102px 0px !important;}
.icons.search {background-position:-122px 0px !important;}
.icons.document {background-position:-142px 0px !important;}
.icons.list {background-position:-162px 0px !important;}
.icons.add {background-position:-182px 0px !important;}
.icons.top {background-position:-202px 0px !important;}
.icons.graph {background-position:-220px 0px !important;}
.icons.chk {background-position:-240px 0px !important;}


/*basic table design*/
.tbl_normal { border-top:1px solid #dadcdc;}
.tbl_normal th { padding:5px;font-size: 14px;background-color: #f2f2f2;border-bottom: 1px solid #dadcdc; border-right: 1px solid #dadcdc; font-weight: 500;}
.tbl_normal td { border-bottom: 1px solid #dadcdc;background-color: #fff;padding: 10px 10px;border-right: 1px solid #dadcdc;}
.tbl_normal td:last-child{border-right:none;}
.tbl_normal th:last-child{border-right:none;}
.tbl_search { margin-top:10px; border-top:2px solid #216393;}
.tbl_search th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#f2f2f2;}
.tbl_search th:last-child{border-right:none;}
.tbl_search span{line-height: 3}
.tbl_search td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px; padding-left:10px; box-sizing: border-box;}
.tbl_search td:last-child{border-right:none;}
/*.tbl_search td:last-child { border-right:none;}*/

/*input ����*/
.input_full { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.input_big { width:350px;}
.input_large { width:280px;}
.input_medium { width:300px;}
.input_normal { width:100px;}
.input_small {width:50px !important; min-width:50px !important;}
.d_form.input_small { width:60px !important; min-width:60px !important;}
.input_etc{width:480px; height:200px;}

.paginate1{ padding:15px 0; text-align:center; display:none;}
.paginate1 *{ margin:0; padding:0;}
.paginate1 a,
.paginate1 strong{ _position:relative; margin-left:-1px; font-weight:bold; display:inline-block; padding:5px 10px 3px 9px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px ����, Dotum, ����, Gulim, AppleGothic, Sans-serif; background:#fff;}
.paginate1 strong{ color:#fff !important; background:#2f2725;}
.paginate1 a:hover{ background:#F7F7F7; }
.paginate1 a.pre{ padding:3px 10px 1px 10px;  border:none; font-weight:normal; border-left:1px solid #ccc;}
.paginate1 a.pre_end{ padding:3px 10px 1px 10px; border:none; border-left:1px solid #ccc; font-weight:normal;}
.paginate1 a.next{ padding:3px 10px 1px 10px; border:none; font-weight:normal; border-left:1px solid #ccc;}
.paginate1 a.next_end{ padding:3px 10px 1px 10px; border:none; border-left:1px solid #ccc; font-weight:normal;border-right:1px solid #ccc;}
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display: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;}

.tbl_normal td > .bid_bidname { font-size:14px;}
.cancel { text-decoration:line-through; color:#aaa;}
.tr_over td { background-color:#fffff3;}
.tr_normal {}

/*basic style*/
.p10 { font-size:10px !important;}
.p11 { font-size:11px !important;}
.p12 { font-size:12px !important;}
.p13 { font-size:13px !important;}
.p14 { font-size:14px !important;}
.pd5 { padding:5px !important;}

/*badge style*/
.tab_bar span.badge { background: #FA623F linear-gradient(to bottom, #FC9F8A, #FA623F) repeat scroll 0% 0%;border-color: #FA5A35;}
.tab_bar span.badge { display: block; position: absolute;top: 9px;right:5px;line-height: 16px;height: 16px;padding: 0px 5px;font-family: Arial,sans-serif;color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.25);border: 1px solid;border-radius: 10px;box-shadow: 0px 1px rgba(255, 255, 255, 0.3) inset, 0px 1px 1px rgba(0, 0, 0, 0.08);}


/*page navi*/
#box_body_header { float:left; display:block; width:100%; height:auto; margin-top:0px;display: none;}
#box_body_header h2 { margin-top:20px; height:40px;}
.location { height:auto; border-bottom:1px solid #f2f2f2;  border-top:1px solid #f2f2f2;/*padding-bottom:5px;*/ padding: 7px 0; background-color:#eff2f8;}
.location ul li { float:left; color:#000; }
.location ul li a { color:#5d5d5d; margin-right:10px; padding-right:16px; background:url(/skin/v1.0/image/icon/icon_location_divide.png) no-repeat scroll right center;}
.location ul li a:hover { text-decoration:none;}

#box_plan_title span { width:auto; height:auto; font-size:17px; padding-left:10px; padding-right:10px; line-height:20px; font-weight:500;}
#tbl_plan_month { }
#tbl_plan_month th { text-align:center; background-color:#efefef; }
#tbl_plan_month th.day { font-size:12px;}
#tbl_plan_month td { background-color:#fff; }
#tbl_plan_month td.num { font-size:12px;}
#tbl_plan_month td.over { background-color:#c0cfff; color:#000 !important;}
#tbl_plan_month td.selected { color:#000 !important; font-weight:600; background-color:#f3f6ff;}

.memoOn{background:url(/skin/v1.0/image/icon/icon_memo.png) no-repeat 0px -0px; display:inline-block;background-size: 30px 30px;
    width: 30px;
    height: 30px;
    background-position: center;}
.memoOff{background:url(/skin/v1.0/image/icon/icon_add.png) no-repeat 0px -40px; display:inline-block;background-size: 30px 30px;
    width: 30px;height: 30px;background-position: center;width: 30px;height: 30px;background-position: center;}
.memoOff a,.memoOn a { display: block; }
.memoOff a:hover, .memoOn a:hover { text-decoration: none; }

.closeButton { }
.closeButton a { color:#fff; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.closeButton a:hover { text-decoration:none;}

#pop_right_menu h4 { font-family:Tahoma, Geneva, sans-serif !important; font-size:10px !important; background-color:#216393; color:#fff !important; text-align:center; height:24px; line-height:24px;margin-top: 26px;margin-bottom:0px; border-left: 1px solid #006699; border-top: 1px solid #006699; width: 70px;border-right: 1px solid #006699;}
#pop_right_menu li {float:left; width:71px; max-height:68px; padding:0px !important; margin:0px !important; border-right: 1px solid #ccc;}
#pop_right_menu li img { padding:0px !important; margin:0px !important;}
#pop_right_menu .right_top { text-align:center; width:100%; height:auto; display:table; float:left; clear:both;}
#pop_right_menu .right_top img { clear:both; display:block; margin:0px auto;}
#pop_right_menu a { text-decoration:none; width: 70px; height: 60px; display: block; text-align: center; background-color: #fff; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
#pop_right_menu a > i { margin-top: 10px; font-size: 26px; color: #555;}
#pop_right_menu a > span { color: #666; font-size: 11px; position: absolute; bottom: 4px; width: 100%; left: 0;}
#pop_right_menu a:hover { text-decoration:none; background-color: #006699; color: #fff;}
#pop_right_menu a:hover > i { text-decoration:none; color: #fff;}
#pop_right_menu a:hover > span { text-decoration:none; color: #fff;}


.progress .progress_wrap{display: block;float: left; text-align: center; padding: 5px 5px 5px 20px; position: relative; color:#fff; line-height: 23px; background-color: #0d60a3; width: 110px;  font-size: 14px; vertical-align: middle;}
.progress li:last-child .progress_wrap:after{border:none; padding-right: 28px;}
.progress li:last-child .progress_wrap{padding-right: 20px;}
.progress .progress_wrap:after {content: "";border-top: 28px solid transparent;border-bottom: 28px solid transparent;border-left: 28px solid #0d60a3;position: absolute;right: -27px;top: 0; z-index: 1;}
.progress ul li.on .progress_wrap{ background-color:#f1f1f1;background:-webkit-gradient(linear, left, right, from(#dddddd), to(#f1f1f1));background: linear-gradient(to right, #dddddd, #f1f1f1)!important;}
.progress ul li.on .progress_wrap, .progress ul li.on .progress_date{color:#686868 !important}
.progress li.on .progress_wrap:after{border-left: 28px solid #f1f1f1!important;}
.progress li:nth-child(2n) .progress_wrap{background-color: #004378;}
.progress li:nth-child(2n) .progress_wrap:after{border-left: 28px solid #004378;}
.progress .progress_date{color:#d3e4f1; padding: 0px 8px; font-size: 12px; line-height: 1.5; display: inline-block;}

/*.progress ul li span {display: block;float: left;height: 45px;background: #3498DB none repeat scroll 0% 0%;text-align: center;padding: 5px 15px 0px 30px;position: relative;margin: 0px 5px 0px 0px;font-size: 11px;text-decoration: none;color: #949494; line-height:20px;}
.progress ul li span:after { content: "";border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #3498DB;position: absolute;
right: -25px;top: 0px;z-index: 1;}
.progress 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;}
.progress ul li:first-child span:before { display:none;}
.progress ul li:first-child span { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.progress ul li.on span { background: #d0d0d0; color:#333;}
.progress ul li.on span:after {	border-left-color: #d0d0d0;}
.progress ul li:last-child span:after { display: none;}
.progress ul li:last-child span { padding-right:30px;border-top-right-radius: 5px; border-bottom-right-radius:5px; }*/

.bid_bidname a.on { color:#999;}

input[type=text] .d_form, .d_btn { height: 30px; border-radius: 3px; border: solid 1px #e4e4e4; padding: 0 5px; background: none; background-color: #ffffff;vertical-align: middle;text-align: center;line-height: 30px;min-width:52px;}
.d_btn{
	margin: 0 0.5em 0 0;
	box-sizing: border-box;
}
/* ¼±ÅøéÇã °ü·Ã  */
#sel_lic > li {	float:left;	margin: 5px; }
#sel_lic > li > a > img { vertical-align:middle; margin-top: -1px; }

input[type=text] .d_form, .d_btn{height: 30px;
    border-radius: 3px;
    border: solid 1px #e4e4e4;
    padding: 0;
    background: none;
    background-color: #ffffff;
    vertical-align: middle;
	font-weight: 500;
    text-align: center;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;}