@charset "utf-8";
/* CSS Document basic*/
div { display:block;}
body { background-color:#f7f7f7;}
#wrap, #wrap_header, #wrap_top { width:100%; height:auto; float:left; z-index:0; background-color:#fff;}
#wrap_top { height:27px; border-bottom:1px solid #ddd; background-color:#F9FAFB;}
#wrap_header { height:60px; border-bottom: 1px solid #ddd; position: relative; z-index: 1;}
#wrap_body { width:960px; min-height:750px; position:relative; margin:0px auto; z-index:0; clear:both;}
#wrap_footer { width:100%; height:auto; min-height:100px; background-color:#F7F7F7; clear:both; position:relative; border-top:1px solid #ddd;}
#wrap_header_bg { width: 100%; height: 250px; border-bottom: 2px solid #3F51B5; position: absolute; top: 0; z-index: 9; background:url(/skin/v1.0/image/bg/bg_submenu.gif) repeat-x;}
/* GTB class */
#wrap_top > div { max-width:960px; position:relative; margin:0px auto;}
#wrap_top ul { margin-top: 3px;}
#wrap_top li { width:auto; height:25px; line-height:25px; float:left; display:inline-block; margin-right:10px;}
#wrap_top li a{ font-size:11px; color:#333; overflow:hidden; height:20px; line-height:20px; display:block; padding-top:2px; width:auto; font-family: "Nanum Gothic","나눔고딕";}
#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 class */
#wrap_gnb { position:relative; width:1000px; height:55px; clear:both; margin:0px auto;}

#gnb_logo { position:absolute; width:auto; height:54px; top:15px; left:0px; z-index:10;}
#gnb_left { width:380px; height:auto; z-index:1;}
#gnb_right { width:380px; height:auto;z-index:1;}
#gnb_menu { position:absolute; width:auto; height:54px; top:10px; right: 0px; clear: both; z-index: 10;}
#gnb_menu ul { width:auto; height:auto; overflow:hidden; margin-top: 5px; font-weight: bold;}
#gnb_menu li { width:auto; height:auto; line-height:38px; float:left; display:inline-block; overflow:hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0 10px; min-width: 100px;}
#gnb_menu li:last-child { margin-right: 0;}
#gnb_menu li a { width:auto; display:block; line-height:44px; text-decoration:none; padding: 0; margin: 0; height: 45px;}
#gnb_menu li a:hover, #gnb_menu li a.on { background: url(/skin/v1.0/image/bg/bg_menu_title.gif) bottom no-repeat;}
#gnb_menu li a:hover > span, #gnb_menu li a.on  > span { color:#3F51B5 !important;}
#gnb_menu li a > span { display: block; padding: 5px 13px;  font-size:18px; color:#4a4a4a;text-align: center; margin: 0; font-family: "Nanum Gothic","나눔고딕"; line-height: 17px;}
#gnb_menu li > ul.sub_menu { width: 100%; height: auto; background: #fff; height: 175px;background: url(/skin/v1.0/image/bg/bg_submenu_right.gif) right repeat-y; padding: 0; margin: 10px 0;}
#gnb_menu li > ul.sub_menu li { float: none; width: 100%; height: 20px; display: block; padding: 0; margin: 0;}
#gnb_menu li > ul.sub_menu li > a { line-height: 22px; font-size: 12px;}
#gnb_menu li > ul.sub_menu li > a:hover,#gnb_menu li > ul.sub_menu li > a.on { color:#3F51B5; text-decoration: underline;}
#gnb_menu li:last-child > ul.sub_menu { background: none;}
	
/*body class*/
/* #wrap_body { padding-top: 20px; background: url(/skin/v1.0/image/bg/bg_left.gif) repeat-y;} */
#wrap_body h2 span {  font-family: "Nanum Gothic","나눔고딕";}
#wrap_body_left { float:left; width:200px; height:auto; margin-right: 20px; display: block; min-height: 500px;}
#wrap_body_left .sub_title { display: block; width: 100%; height: 55px; float: left; position: relative; border-bottom: 1px solid #ddd;}
#wrap_body_left .sub_title span { position: absolute; left: 10px; bottom: 10px; font-size: 20px; color: #666; font-weight: normal;}
#wrap_body_left ul { float: left; width: 100%; height: auto; clear: both;}
#wrap_body_left li { padding: 8px 10px;}
#wrap_body_left ul a { display: inline-block; width: 100%; border-bottom: 1px solid #eee; font-size: 12px;}
#wrap_body_left ul a:hover, #wrap_body_left ul a.on { background-color: #3F51B5; text-decoration: none; color: #fff !important;}
#wrap_body_left li.sub_menu { border-bottom: 1px solid #ddd; padding: 8px 5px;}
#wrap_body_left li.sub_menu > a { border-bottom: none; height: 23px; line-height: 20px; display: inline-block; font-size: 12px; color: #555;}
#wrap_body_left li.sub_menu > a:hover , #wrap_body_left li.sub_menu > a.on { background:none; text-decoration: none; color: #3F51B5 !important; font-weight: 600;}
#wrap_body_center { float:left; width:735px; height:auto; padding-bottom: 50px; position: relative;}
#wrap_body_center .title { border-bottom: 1px solid #ccc; height: 50px; line-height: 30px; width: 100%; margin-top: 14px; font-weight: normal;}
#wrap_body_center h4 { font-weight: bold; color: #666; letter-spacing: -1px;}
#wrap_body_center .location { position: absolute; right: 0px; top:24px; width: auto; height: auto; padding-bottom: 3px;z-index: }
#wrap_body_center .location li { float: left; padding: 5px; margin: 0;}
#wrap_body_center .location li:after { content: ' > '; color: #888; font-size: 11px;}
#wrap_body_center .location li:last-child:after { content: '';}
#wrap_body_center .location a { color: #888; font-size: 11px; display: inline-block; }
/*footer class*/
#wrap_copy { width:960px; position:relative; margin:0px auto; height:auto;}
#wrap_footer_inner { width:960px; position:relative; margin:0px auto; height:auto; clear:both; padding-top:20px;}
#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;}
#wrap_footer_inner .footer_menu li a {color:#333; display:block;}
#wrap_footer_inner .footer_menu li:last-child { background:none;}
#wrap_footer_inner .footer_copy { margin-top:10px;}
#wrap_footer_inner .footer_copy li { color:#999; font-size:11px; height:20px; background-image:url(/skin/v1.0/image/bullet/bullet_pipe_small.gif); line-height:20px;}
#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; 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;}

/* 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; 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;}
.icons.chk {background-position:-240px 0px;}


/*basic table design*/
.tbl_normal { border-top:2px solid #9fbbe3;}
.tbl_normal th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; padding:3px; background-color:#f7f7f7;}
.tbl_normal td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_normal th:last-child { border-right:none;}
.tbl_normal td:last-child { border-right:none;}

/*basic table design*/
.tbl_normal2 { border-top:2px solid #9fbbe3; table-layout:fixed; border-bottom: 1px solid #ddd;}
.tbl_normal2 th { border-bottom:1px solid #ccc; border-right:1px solid #ccc;  padding:3px; background-color:#f7f7f7;}
.tbl_normal2 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; padding:3px;}

/* gonggo list table design */
.tbl_normal3 { border-top:2px solid #9fbbe3;}
.tbl_normal3 th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#efefef; color: #333 !important; font-size: 11px; min-width: 100px; letter-spacing: -1px;}
.tbl_normal3 td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; padding:3px;}
.tbl_normal3 th:last-child { border-right:none;}
.tbl_normal3 td:last-child { border-right:none;}

.tbl_search { margin-top:10px; border-top:2px solid #9fbbe3;}
.tbl_search th { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#f2f2f2; }
.tbl_search td { border-bottom:1px solid #dadcdc; border-right:1px solid #dadcdc; background-color:#fff; padding:3px;}
.tbl_search th: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:200px;}
.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:3px 10px 1px 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:#ff8600 !important;}
.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 !important;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:#F5E9DB;}
.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;}
#box_body_header h2 { margin-top:20px; height:40px;}

#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:11px; font-family:Tahoma, Geneva, sans-serif;}
#tbl_plan_month td { background-color:#fff; }
#tbl_plan_month td.num { font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
#tbl_plan_month td.over { background-color:#3498db; color:#fff !important;}
#tbl_plan_month td.selected { color:#fff !important; font-weight:600; background-color:#3498db;}

.memoOn{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif) no-repeat 0px -0px; display:inline-block;}
.memoOff{ width:40px; background:url(/skin/v1.0/image/icon/icon_memo1.gif) no-repeat 0px -40px; display:inline-block;}
.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:#666; color:#fff !important; text-align:center; height:35px; line-height:30px; margin-bottom:0px; height: 30px;} */
#pop_right_menu { width:120px; overflow: hidden;}
#pop_right_menu li {float:left;overflow: hidden; padding:0px !important; margin:0px !important; }
#pop_right_menu li img,#pop_right_menu li a { margin:0; padding: 0;}
#pop_right_menu li.rollover a { text-indent: -1000px; overflow: hidden; display: block; width: 120px; height: 34px; background-image: url(/skin/v1.0/image/quickmenu/quickmenu_120.png); margin: auto !important; background-position: 0 0; padding: 0px !important;}
#pop_right_menu li.rollover-over a { background-image: url(/skin/v1.0/image/quickmenu/quickmenu_120_over.png)}
#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;}


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

.area_list { float: left; display: block;}
.area_list li {line-height: 18px;}
.area_list li.box_area { display:block; width: auto;height:auto; float: left; }
.area_list li.box_area a{ padding: 2px 3px; margin: 0 3px; display: inline-block; }
.area_list li.box_area a:hover,.area_list li.box_area a.on { background: url(/skin/v1.0/image/bg/bg_banner.gif); color: #ffffff !important; }
.area_list li.box_area a.on:hover { text-decoration: none;}
.area_list li.box_area:after { content: "|"; }
.area_list li.box_area:last-child:after {content: "";}
.area_list li.box_area a.title:hover { background: none; color: #000 !important; }
/* .area_list li.box_area a.sink { color: #ff7c00; font-weight: bold; } */

#frmList a:visited { color: gray !important;}