@charset "utf-8";
@import url("common.css");
@import url("style.css");


/********************************************************************
Publishing : eumi Plustech
Beginning : 2015.06.04
Final : 
*********************************************************************/

/*** Layout ***/
html {height:100%;}
body {height:100%; overflow-x:auto;overflow-y:auto}
.wrap { width:100%; * min-height:100%; height:auto !important; height:100%; min-width:1100px;}

/***** location *****/
.location {height:15px; margin-top:8px;}
.location ul {float:right; margin-right:10px;}
.location ul li {float: left; background: url(../images/layout/location.gif) no-repeat 0 3px; padding: 0 5px 0 10px;}
.location ul li:first-child {background: url(../images/layout/home.gif) no-repeat 0 center; padding-left: 15px;}
.location ul li, .location ul li a {font: 12px/12px Candara, arial, tahoma; word-spacing:-1px; color:#222; text-decoration:none;}
.location ul li.bookmark {background:none; margin-top:-2px;}
.location ul li.bookmark a {display:inline-block; background: url(../images/layout/setting_bookmark.png) no-repeat right 0; width:45px; height:17px; text-indent:-9999px;}
.location ul li.bookmark a.on {background-position: 0 top;}
.location ul li.bookmark a.off {background-position: 0 bottom;}


/**** Hearder Layout *****/

/* header */
/*.header {position:relative; min-width:1400px; height:61px; z-index:1; background-image:url("../images/layout/crm_Bg01.jpg");}*/

.header {position:relative; min-width:200px; height:61px; z-index:1; background-color:#1db6b9; background:url(../images/layout/Top_bg.jpg); background-repeat:repeat-x; background-position:top; /*border-bottom:3px solid #a20a0a;*/}
.header_line {border-bottom:3px solid #a20a0a;}

.header:after {content:""; display:block; clear:both;} 
.header .logo {float:left; margin-left:0; margin-top:0; width:200px; height:61px; padding-left: 0px; }
.header .logo a {display:inline-block; width:100%; height:100%; background:url("../images/layout/Top_logo.jpg"); background-repeat:no-repeat; text-indent:-9999px;}
.header .logo_skt {float:left; margin-left:0; margin-top:0; width:200px; height:61px; padding-left: 0px; }
.header .logo_skt a {display:inline-block; width:100%; height:100%; background:url("../images/layout/Top_logo_skt.jpg"); background-repeat:no-repeat; text-indent:-9999px;}
.header .userinfo {float:right; margin-top:20px; margin-right: 25px;}
.header .userinfo ul:after {content:""; display:block; clear:both;}
.header .userinfo ul li {float:left;}
.header .userinfo ul li.userid {padding-right: 10px; margin-top: 5px; font:bold 12px/14px Arial, Corbel, tahoma; color: #0093b3;} 
.header .userinfo ul li.userid span {padding-right: 14px; color: #222; font-weigh:bold;}
.header .userinfo ul li.logout {padding-right: 4px;}
.header .userinfo ul li.logout .btn.type3 a {padding-left:15px;}
.header .userinfo ul li.logout .btn.type3 a span {padding-right:15px; line-height:20px !important;}
.header .userinfo ul li.setup a {display:inline-block; width: 31px; height: 22px; background:url(../images/layout/setup.png) 0 0 no-repeat; text-indent:-9999px;}
.header .userinfo ul li.setup a:hover {background-position:0 bottom;}
.header .userinfo ul li.contact a {display:inline-block; width: 31px; height: 22px; margin-left:4px; background:url(../images/layout/contact.png) 0 0 no-repeat; text-indent:-9999px;}
.header .userinfo ul li.contact a:hover {background-position:0 bottom;}
.header .userinfo ul li select { background-color:#bc3d42; color:white; border:#a1282d 1px solid; height:23px; width:124px;}


/* GNB Navi*/
.header_left_nav_menu {height: 70px;width: 68%; margin-left: 0px;}
.header_left_nav_menu ul {color:#fff;list-style-type: none;}
.header_left_nav_menu ul li {min-width: 110px;float: left;padding-top:46px;text-align:center;color:#fff; }
.header_left_nav_menu ul li a {text-align: center; padding: 40px 5px 10px 5px;text-decoration: none;color: #fff;display: block;text-align: center;background-position: 0 0;}
.header_left_nav_menu ul li a:hover { color: #ff5a20; height:66px;  border-bottom:3px solid #6d1f04; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.header_left_nav_menu ul li:hover {background-color: #ff5a20; height:66px;  border-bottom:3px solid #6d1f04; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header_left_nav_menu ul li:after {content:"";display:block;clear:both;}

.header_left_nav_menu .status {background-image: url("../images/layout/top_menu_icon_01.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer; margin-top: -5px;}
.header_left_nav_menu .manage {background-image: url("../images/layout/top_menu_icon_02.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer; margin-top: -5px;}
.header_left_nav_menu .office {background-image: url("../images/layout/top_menu_icon_03.png");background-repeat: no-repeat;background-position: center 10px; cursor:pointer; margin-top: -5px;}
/*
.header_left_nav_menu .config {background-image: url("../images/layout/top_menu_icon_04.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
.header_left_nav_menu .manage {background-image: url("../images/layout/top_menu_icon_06.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
.header_left_nav_menu .event {background-image: url("../images/layout/top_menu_icon_event.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
.header_left_nav_menu .blacklist {background-image: url("../images/layout/top_menu_icon_statistics.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
.header_left_nav_menu .lineinfo {background-image: url("../images/layout/top_menu_icon_07.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
.header_left_nav_menu .receive {background-image: url("../images/layout/top_menu_icon_08.png");background-repeat: no-repeat;background-position: center 10px;cursor:pointer;}
*/

.header_left_nav_menu .on { background-color: #ff5a20;height:66px; border-bottom:3px solid #6d1f04; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.gnv {position:absolute;right:0;top:0;}
.gnv_inner a {color:#fff;text-decoration:none;}
.gnv_inner select {background-color:#ff5a20!important;color:#fff;border:#ff5a20 1px solid;height:23px;width:124px;}
.gnv_inner li {display:inline-block;list-style:none;width:130px;height:43px;background:url("../images/layout/gmenu_var.gif");background-repeat:repeat-y;padding:15px 7px 0 10px;margin-left:-5px;}

/* nav globalmenu */
.navwrap {margin-right: 14px;line-height: 60px;}
.navbar {margin: 0;padding: 0;height: 1em;}
.navbar li {list-style: none;float: left;width: 150px;text-align: center;border-left: solid 1px #a40864;}
.navbar img{padding-left: 5px; padding-top:28px}
.navbar li:hover {background-color: #222;}
.navbar li a {display: block;text-decoration: none;color: #fff;}
.navbar li a:hover{color: #fff;}
.navbar li ul li {text-align:left;text-indent:10px;width: 148px;line-height: 30px;border-left:none;border-top: 1px solid rgba(0, 0, 0, 0.2);}
.navbar li ul li:hover{background-color: #222;color: #F9E19E;}
.navbar li ul li a:hover{color: #fff;}
.navbar li ul li a {text-align: left;text-indent: 10px;}
.navbar li ul {max-width: 148px;display: none;width: 148px;background: #fff; display: none;border: 1px solid rgba(0, 0, 0, 0.2);}
.navbar li:hover ul,.navbar li.hover ul {display: block;position: absolute;margin: 0;padding: 0;background-color: #FFF;}
.navbar li:hover li,.navbar li.hover li {float: none;}
.navbar li:hover li a,.navbar li.hover li a {border-bottom: 1px solid #fff;color: #000;}
.header_right_nav_menu {float: right;position:absolute;top:0; right:0; vertical-align: middle; height:30px; color: white; font-weight: bold;  }


/* leftmenu */
.leftmenu {position:absolute; left:0; top:0; bottom:0; width: 200px; background-color:#eff0f2;}
.leftmenu .inner {}
.leftmenu .lnb { width:200px}
.leftmenu .lnb ul {margin:0; padding:0}
.leftmenu .lnb ul li {position:relative; border-bottom: 1px solid #ced1d5;	background:url('../images/layout/left_menu_bullet_01.png')no-repeat; background-position:186px 15px}
.leftmenu .lnb ul li:first-child {margin-top:0;}
.leftmenu .lnb ul li:last-child{border-bottom: none;}
.leftmenu .lnb ul li{ font-family:Arial, Helvetica, sans-serif;}
.leftmenu .lnb ul li a { display:block;color:#333;padding: 12px 5px 10px 21px; font-weight:bold;}
/*
.leftmenu .lnb ul li a:hover, .leftmenu .lnb a:active, .leftmenu .lnb a:focus, .leftmenu .lnb a.on {display:block; 	background:#fff url('../images/layout/left_menu_bullet_02.png') 181px no-repeat;color: #d32d2d;	border-left:5px solid #a20a0a; padding-left:16px}
*/
.leftmenu .lnb ul li a:hover, .leftmenu .lnb a:active, .leftmenu .lnb a:focus, .leftmenu .lnb a.on {display:block; 	background:#fff url('../images/layout/left_menu_bullet_02.png') 181px no-repeat;color: #d32d2d;	border-left:5px solid #1db6b9; padding-left:16px}
.logo2 { height:13px; display:block; background-color:#cecece; padding:0px 13px 0px 15px; font-weight:bold; font-size:13px; clear:both}


/* icon */
.ICO {position:relative;display:inline;}
.ico-alert {width:14px;height:12px;background:url(../images/layout/ico_alert.png) no-repeat left top;padding:0 0 0 15px}
.ico-bullet01 {width:10px;height:10px;background:url(../images/layout/ico_bullet01.png) no-repeat 0 2px;padding:0 0 0 10px}
.ico-bullet02 {width:10px;height:10px;background:url(../images/layout/ico_bullet02.png) no-repeat 0 3px;padding:2px 0 0 12px}
.ico-admin {width:10px;height:10px;background:url(../images/layout/ico_admin.png) no-repeat 0 2px;padding:0 0 0 15px}
.ico-close {width:16px;height:15px;background:url(../images/layout/ico_close.png) no-repeat 0 0;padding:0 0 0 20px}
.ico-dashboard {width:14px;height:14px;background:url(../images/layout/1depth_icon_01.png) no-repeat 0 1px;padding:0 0 0 17px}
.ico-policy {width:14px;height:14px;background:url(../images/layout/1depth_icon_02.png) no-repeat 0 1px;padding:0 0 0 17px}
.ico-report {width:14px;height:14px;background:url(../images/layout/1depth_icon_04.png) no-repeat 0 1px;padding:0 0 0 17px}
.ico-management {width:14px;height:14px;background:url(../images/layout/1depth_icon_06.png) no-repeat 0 1px;padding:2px 0 0 17px}
.ico-event {width:14px;height:14px;background:url(../images/layout/1depth_icon_event.png) no-repeat 0 1px;padding:2px 0 0 17px}
.ico-Statistic {width:14px;height:14px;background:url(../images/layout/1depth_icon_statistics.png) no-repeat 0 1px;padding:2px 0 0 17px}
.ico-status {width:14px;height:14px;background:url(../images/layout/1depth_icon_02.png) no-repeat 0 1px;padding:0 0 0 17px}
.ico-configuration {width:14px;height:14px;background:url(../images/layout/1depth_icon_04.png) no-repeat 0 1px;padding:2px 0 0 17px}

/* point color */
.msg_red {color:#F00;font-family:tahoma;font-size:11px;text-align:left}

/**** Contents Layout *****/
.container {position:absolute; left:0px; top: 61px; right:30px; bottom:0; padding-right:25px; height:auto; min-width:1024px; } 
.contents {position:absolute; left: 220px; top:0; right:0; bottom:0; min-width:800px; padding:0; background-color:#fff; /*overflow:auto; overflow-y:auto;overflow-x:hidden*/ }
.contents .cnts_wrap {position:relative; min-width:800px; /*min-height:100%; height:auto !important; height:100%;*/ margin:0}
 
/**컨텐츠 센터정렬시 레이아웃****/
.contentsCenter {min-width:800px; padding:0; background-color:#fff; /*overflow:auto; overflow-y:auto;overflow-x:hidden*/ }
.contentsCenter .cnts_wrap {position:relative; min-width:800px; /*min-height:100%; height:auto !important; height:100%;*/ margin:0}


/**** Contents Layout *****/


/* table */
.tbl_type1 table {width:100%; table-layout:auto;}
.tbl_type1 th, 
.tbl_type1 td {padding-top:2px; padding-bottom:0px; text-align:left; empty-cells:show; height:25px;}
.tbl_type1 tr th:first-child,
.tbl_type1 tr td:first-child {/*padding-left:0*/ !important;}
.tbl_type1 th {min-width:20px; max-width:150px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; vertical-align:middle; text-align:center;}
/*.tbl_type1 th {min-width:20px; max-width:150px; padding-right:10px; padding-left:25px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;  white-space:nowrap; vertical-align:top; padding-top:7px;}*/

.tbl_type1 td {padding-left:5px;}
.tbl_type1 td input[type="text"],
.tbl_type1 td input[type="password"],
.tbl_type1 td select,
.tbl_type1 td textarea {width:100%;}
.tbl_type1 td .calendar_input,
.tbl_type1 td .poplist_input {width:100%; vertical-align:middle;}
.tbl_type1 td table th {font-weight:normal;}
.btn_group {margin:8px 0; text-align:right; clear:both;}
.btn_group:after {content:""; display:block; clear:both;}

.list_wrap .list_head h4{margin-right:10px;padding-left:0!important;padding-top:3px!important;background:none!important;font-size:1.1em}
.list_wrap .list_head h4,.list_head ul.list_sort{float:left}

/* search_box */
.search_box {position:relative; min-height:25px; padding:7px; background:#fff; border-radius:3px; border:1px solid #ceccca; border-bottom:2px solid #ceccca; color:#333/* min-width:800px*/}
.search_box.boxColor {background:#f2f7f9;}
.ie8 .search_box {border-radius:8px; behavior:url(../js/PIE.htc);}
.search_box:after {content:""; display:block; clear:both;}
.search_box .search_tbl1  input {width:100%; padding:0; text-indent:2px; border:1px solid #ddd; color:#535353; height:27px; margin:2px 4px 2px 0}
.search_box .search_tbl1  select {color:#333; height:27px; margin:2px 2px 2px 0}
.search_box .search_tbl1 {margin-top:15px;}
.search_box .search_tbl1:first-child {margin-top:0;}




/******************************************************************************************************************
                                                Footer total
******************************************************************************************************************/

/* footer */
.footer { float:left; vertical-align: bottom;line-height:12px;font-size:11px;color:#666;height:35px;padding:10px 0px 0px 0px; margin:25px 0   25px 0; bottom:10px;width:100%;}
.footer p {font-size:11px;color:#666; line-height:14px}
/***************************************************************************************************************/
