@charset "utf-8";

/*
 * default definition
 */

/* 전체컨턴츠 css */
@import url(gsm_contents.css);

/* 판촉물 css */
@import url(han.css);

* {
 padding: 0;
 margin: 0;
 }
*{ outline:none;}
body{background-color:#ffffff; letter-spacing:-0.01em}
li {list-style-image:none;list-style-position:outside;list-style-type:none;}
a:link, a:visited {color:#5e5e60; text-decoration: none; }
a:active, a:hover {color:#5e5e60; text-decoration: none; }
h1{background:url(../images/path_bull.gif) no-repeat 0 50%; font-family:"verdana", "ms sans serif"; Font-Size: 11pt; color:#535353; padding-left:15px;}
h2{font:18px verdana;color:#f70; text-align:center; margin:15px 5px 0 5px; border-bottom:1px solid #ccc; padding-bottom:8px; text-shadow:-1px -2px 1px #fff; letter-spacing:-0.5px;}
h2 span	{font:15px; color:#666}
h3{margin:0; padding:0; height:22px;}
#wrap {height:100%;margin:0px auto;} 

#scrollbox{width:400px; height:100px; overflow:scroll; overflow-X:hidden; padding:0px; border:0px solid black;}
#subHeader{position:absolute; top:0; left:0; width:100%; height:300px; margin:0 auto; text-align:center; overflow:hidden;}

/* TOP */
#top{width:1000px; height:48px; margin:0 auto;}	
	
.logo {float:left;margin:13px 0 0 35px;width:95px;}
.top_pr {float: left;margin:3px 0 0 90px;}
.top_menu {	height : 20px; float:right; padding-top:27px;list-style: none;}
.top_menu ul li {float:left;margin: 0; padding:0px; margin-top:-10px; font-family:"dotum"; font-Size: 10px; color:#666; display:inline}
.top_menu a{color:#666;text-decoration:none;display:inline}
.top_menu a:hover,
.top_menu a:active,
.top_menu a:focus{color:#f60; text-decoration:none; display:inline}
.top_menu ul li select {border:1px solid #bbb !important; padding:3px;font-Size:12px; color:#555;}
/* //TOP */

/* CONTENT */
.content_top{display:none;}
.content_in {position:relative; /*background:url(../../images/bg_px.gif) repeat-y top left;*/ overflow:hidden;}
.content_btm{display:none;}
.cont_wrap{margin:0 0 40px 195px;-webkit-transition:all 0.3s;transition:all 0.3s;
}
.content_in.left_close .cont_wrap{ margin:0 0 40px 30px;}
#content{position:relative; width:1000px; margin:0 auto; overflow:hidden;}
.container {
	font-family: verdana;
	font-size: 12px;
	background: #fff;
	margin: 10px 0 0 0;
}


/* //CONTENT */

/* TOP_NEVIGATION 
 * 2016.12.28 상단 메뉴 공통 css로 분리.top_menu.css
*법인_메뉴 6개*
#topNavi			{background:url(../../images/navi.png) no-repeat;height:50px;z-index:100;background-size: 150% 50px;background-position: center;}
.menu				{width:1000px; margin:0 auto;position:relative; font-size:13px; font-family:dotum, sans-serif; line-height:40px; height:40px; white-space:nowrap; *zoom:1; }
.menu:after			{display:block;clear:both;content:""}
.menu .inset		{overflow:visible;position:relative;z-index:2;border:1px solid;background-image:url(img/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu .inset:after	{display:block;clear:both;content:""}
.menu ul			{display:block;}
.menu ul:after		{display:block;clear:both;content:""}
.menu li			{float:left;position:relative;z-index:1}
.menu a:hover,
.menu a:active,
.menu a:focus		{color:#ffff90 !important;text-decoration: none;display:inline}
.menu a{float:left; position:relative; color:#fff }
.menu a span{height:20px;padding:0 29px;font-weight:bold;vertical-align:center}
*법인관리자_메뉴 7개*
.menu2				{position:relative; font-size:13px; font-family:dotum, sans-serif;line-height:40px; white-space:nowrap;*zoom:1; padding-left:20px}
.menu2:after		{display:block;clear:both;content:""}
.menu2 .inset		{overflow:visible;position:relative;z-index:2;border:1px solid;background-image:url(img/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu2 .inset:after	{display:block;clear:both;content:""}
.menu2 ul			{list-style:none; text-align:center;}
.menu2 ul:after		{display:block;clear:both;content:""}
.menu2 li			{display:inline-block;*display:inline; *zoom:1; position:relative;z-index:1}
.menu2 a:hover,
.menu2 a:active,
.menu2 a:focus		{color:#ffff90 !important;text-decoration: none;display:inline}
.menu2 a{float:left; position:relative; color:#fff }
.menu2 a span{height:20px;padding:0 29px;font-weight:bold; vertical-align:center}

*법인장_메뉴 7개*
#topNavi_super{background:url(../../images/navi_super.png) no-repeat;height:50px;z-index:100;background-size: 150% 50px;background-position: center;}
.menu3              {width:1000px; margin:0 auto;position:relative; font-size:13px; font-family:dotum, sans-serif; line-height:40px; height:40px; white-space:nowrap; *zoom:1; }
.menu3:after		{display:block;clear:both;content:""}
.menu3 .inset		{overflow:visible;position:relative;z-index:2;border:1px solid;background-image:url(img/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu3 .inset:after	{display:block;clear:both;content:""}
.menu3 ul			{float:left;margin:-1px 0;padding:0;list-style:none}
.menu3 ul:after		{display:block;clear:both;content:""}
.menu3 li			{float:left;position:relative;z-index:1}
.menu3 a:hover,
.menu3 a:active,
.menu3 a:focus		{color:#ffff90 !important;text-decoration: none;display:inline}
.menu3 a{float:left;position:relative; color:#fff }
.menu3 a span{height:20px;padding:0 25px;font-weight:bold;vertical-align:center}

*국제영업팀_메뉴 8개*
#topNavi_gsales{background:url(../../images/navi_gsales.png) no-repeat; background-position:center;height:50px;z-index:100;background-size: 150% 50px;background-position: center;}
.menu4              {width:1000px; margin:0 auto;position:relative; font-size:13px; font-family:dotum, sans-serif; line-height:40px; height:40px; white-space:nowrap; *zoom:1; }
.menu4:after		{display:block;clear:both;content:""}
.menu4 .inset		{overflow:visible;position:relative;z-index:2;border:1px solid;background-image:url(img/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu4 .inset:after	{display:block;clear:both;content:""}
.menu4 ul			{float:left;margin:-1px 0;padding:0;list-style:none}
.menu4 ul:after		{display:block;clear:both;content:""}
.menu4 li			{float:left;position:relative;z-index:1}
.menu4 a:hover,
.menu4 a:active,
.menu4 a:focus		{color:#ffff90 !important;text-decoration: none;display:inline}
.menu4 a{float:left;position:relative; color:#fff }
.menu4 a span{height:20px;padding:0 26px;font-weight:bold;vertical-align:center}
TOP_NEVIGATION */

.subMenu{left:0px; width:170px; float:left; overflow:hidden;}
.subMenu_wrap{position:absolute; left:0px;width:195px;   top:0; -webkit-transition:all 0.3s;transition:all 0.3s;}
.subMenutop{position:absolute; left:0px; top:0;  width:170px; border:#cccccc solid 1px; background:#f7f8fc;}/* bottom:40px;*/
.content_in.left_close .subMenu_wrap{ left:-172px;}
.btn_leftmenu{position:absolute; left:171px; top:50%; margin-top:-10px; width:15px; height:30px; line-height:30px; text-align:center; border:#cccccc solid 1px; font-family:Dotum,'돋움';}
.content_in.left_close .btn_leftmenu{left:172px;}
.subMenum id{left:0px; width:170px; float:left; overflow:hidden;}
.subMenu bottom{left:0px; width:170px; height:5px; float:left;}


/* BBS */
.lbbs{width:50%; margin-left:0px; margin-top:5px;float:left;}
.bbs{margin:0 10px 10px 10px; position:relative;}
.half {min-height:140px !important;}
.whole{min-height:285px}
.bbs a{color:#666;text-decoration:none;}
.bbs a:hover,
.bbs a:active,
.bbs a:focus{color:#777;text-decoration: none;}
.bbs em{font-style:normal}
.bbs h2{margin:0;padding:10px 0 5px 0;border-bottom:1px solid #ddd;font-family:"tahoma", "verdana", "ms sans serif";Font-Size: 12px;color:#666;font-weight:bold;height: 18px;}
.bbs h2 em{color:#cf3292}
.bbs ul{list-style:none; padding-left:0; margin-top:3px}
.bbs li{ background:url(../images/li_bull.png) no-repeat 0 50%; padding-left:8px; font-family: "tahoma", "verdana", "ms sans serif"; Font-Size: 9pt; color:#555; line-height:20px; border-bottom:solid 1px #f1f1f1;}
.bbs li:after{display:block;clear:both;content:""}
.bbs li .bu{float:left;margin:0 4px 0 0;color:#999}
.bbs li a{float:left}
.bbs li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap}
.bbs .more{font:11px Dotum, 돋움;text-decoration:none !important}
.bbs .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#d76ea9;vertical-align:middle;}
/* //BBS */

/* LIB */
.lib{margin:0; width:100px; }
.lib a{text-decoration:none; display:block}
.lib a:hover,
.lib a:active,
.lib a:focus{color:#fff; text-decoration: none; background:url(../images/lib_bg.png) no-repeat -5px 50%;}
.lib ul{list-style:none; padding-left:0; margin:0;padding-bottom:10px;}
.lib li{padding-left:5px; font:8pt/150% tahoma;color:#333; line-height:22px; text-indent:10px;}
/* //LIB */


.btn{display:block; margin-left:0;}
.btn ul{list-style:none; padding-left:0; margin:0 0 15px 0;}
.btn ul li{font-family:"verdana", "ms sans serif"; font-Size:8pt; color:#666; line-height:35px; text-align:center; padding-top:5px; border:0;}
.btn .ban1{ height:28px; background:url(../images/banner_01.png) no-repeat center bottom; }
.btn .ban2{ height:28px; padding:0; margin:0; background:url(../images/banner_02.png) no-repeat center top; *float:left; *padding-left:7px;}
.btn .ban3{ height:70px; background:url(../images/banner_03.png) no-repeat center bottom; width:170px; margin-top:0}
.btn .ban4{ height:31px; background:url(../../images/banner_04.png) no-repeat center center; margin-top:0px;}/*EMS Emarketing Server*/
.btn .ban5{ height:31px; background:url(../../images/banner_05.png) no-repeat center center; margin-top:0px;}/*video conference*/
.btn .ban6{ height:31px; background:url(../../images/banner_06.png) no-repeat center center; margin-top:3px;}/*branch directory*/
.btn .ban7{ height:90px; width:100%; background:url(../../images/contents/timecard_bg.gif) no-repeat center center; margin-top:5px}
.ban7 .more{font:11px Dotum, 돋움; text-decoration:none !important}
.ban7 .more span{font-size:10px; color:#d76ea9;}
.btn .ban7 ul{margin-top:-7px;*margin-left:10px; *margin-top:-6px;}
.btn .ban7 li	{display:inline-block; padding:0; *float:left; }
.btn .ban8{ height:31px; background:url(/images/banner_08.png) no-repeat center center; margin-top:0px;}
.btn .ban9{ height:31px; background:url(/images/banner_09.png) no-repeat center center; margin-top:0px;}/* 20140725 Mail to chairman */
.title_tc	{height:32px; width:100%;}
.t01		{/*font-weight:bold; color:#f14f24 !important;*/ font-size:13px; text-align:left; *float:left; *margin-left:18px;}
.title_tc .btn_m	{font-weight:normal;text-align:right !important; float:right;display:inline-block; margin-top:13px; margin-right:14px;}
.time_out			{*margin-left:3px}
.time_in, .time_out	{font-weight:bold; width:74px; height:58px; margin-top:9px;}
.rec_in, .rec_out {height:28px;line-height:28px;}
.in_co, .out_co{display:inline-block;height:18px !important; line-height:18px; text-align:center; vertical-align:text-top; margin:0 !important; padding:0 !important;}
.rec_in		{color:#b54f10 !important;}
.rec_out	{color:#a86815 !important;}
.in_co		{color:#e85a02;}
.out_co		{color:#f08c0a;}
#search_prj_ymd, #search_start_ymd, #search_end_ymd	{margin-right:5px;}
.path{padding-left:25px;font:12px/150% tahoma;vertical-align: middle;display: inline;background:url(../images/path_bull.gif) no-repeat 0 50%;}
.calendar{height:80px;text-align:center;padding-top: 10px;}




/*Login*/
.login{width:160px;margin:14px auto 0;border:1px solid #ccc;font:12px/150% tahoma;background:#fff; *letter-spacing:0;}
.login dt{position:relative;padding-left:3px;border-bottom:1px solid #ccc;background:#f0f0ee;line-height:27px;*height:27px;}
.login dt a{position:absolute;right:3px;top:5px;}
.login dd{position:relative;padding-left:22px;border-top:1px dashed #999;line-height:25px;text-transform:capitalize; *height:25px;}
.login dd .num{position:absolute;right:5px;top:0;text-align:right;}
.login dd .num strong{ color:#FF6600}
.login dd.email{border-top:0;background:url('../images/ico_mail.png') no-repeat 3px 50%}
.login dd.message{background:url('../images/ico_msg.png') no-repeat 3px 50%}
.login dd.request{background:url('../images/ico_request.png') no-repeat 3px 50%}
/* //Login */

/*Schedule*/
.schedule{width:160px;margin:14px auto;border:1px solid #ccc;font:12px/150% tahoma;background:#fff;padding-bottom:5px;*letter-spacing:0; }
.schedule dt{position:relative;padding-left:22px;border-bottom:1px solid #ccc;line-height:27px;background-color:#f0f0ee; *height:27px; background-image: url('../images/ico_my.png');background-repeat:no-repeat;background-position: 3px 50%;}/*background:url('../images/ico_request.png') no-repeat 3px 50%*/
.schedule dt a{position:absolute;right:10px;top:0px; color:#FF6600; font-weight:bold; text-decoration:underline;}
.schedule dd{position:relative;padding-left:5px;line-height:18px;font:11px/150% tahoma; padding-top:5px;}
/* //Schedule */

/*Schedule*/
.message01 {width:160px;margin:14px auto;border:1px solid #ccc;font:12px/150% tahoma;background:#fff;}
.messagetop	{ font-size:12px; color:#000; font-weight:bold; height:14px; border-bottom:1px solid #bdbdbb; background:#f0f0ee; padding: 5px 0 12px 4px;}
.messageblock 	{ width:98%; margin:0 0 0 0px; padding:3px 0 7px 0; clear:both; word-break:break-word}
.messageblock_last 	{ width:95%; margin:0 0 0 3px; padding:3px 0 7px 0; clear:both;}
.m_01	{ font-weight:bold;  background:url(../images/contents/ora.gif) no-repeat; padding:0 0 0 20px; background-position:4px 4px; }
.m_02	{  background:url(../images/contents/gra.gif) no-repeat; padding:0 0 0 20px; background-position:4px 4px; margin:0 0 0 10px; font-size:12px;  }
.m_03	{ background:url(../images/contents/gra1.gif) no-repeat; padding:0 0 0 20px; background-position:4px 4px; margin:0 0 0 20px; font-size:12px;  }
.messageblock a { color:#535353; }
.messageblock a:hover { color:#f70;}
.messageblock a:active { color:#f70; text-decoration:underline;}
.menu_over{color:#f70;}

.messageblock_last a { color:#535353; }
.messageblock_last a:hover { color:#f70;}
.messageblock_last a:active { color:#f70; text-decoration:underline }

.message01 dt{position:relative;padding-left:22px;border-bottom:1px solid #ccc;background:#f0f0ee;line-height:27px; }
.message01 dt a{position:absolute;right:3px;top:0; color:#FF6600; font-weight:bold}
.message01 dd{position:relative;padding-left:5px;line-height:18px;}
/* //Schedule */

/*footer*/
#footer{ height:40px; clear:both; border:1px solid #ccc; background:#f6f7fb; border-radius:4px;}
.footer_in{ }
.footer_in .gap { position:relative; top:-10px;}
.footer_in ul{ padding-left:0; margin:0;}
.footer_in li{font:11px/100% verdana; color:#555; display:inline; height:40px; line-height:40px;}
.footer_in li img	{vertical-align:middle}
/* //footer */

/* 20141010 mail to chairman - footer */
#chairmanfooter{ width:460px; height:auto; clear:both; border:1px solid #ccc; background:#f6f7fb; border-radius:4px; margin:0 20px 20px 20px;}
.chairmanfooter_in{ width:460px;}
.chairmanfooter_in ul{ padding: 0 10px 0 10px; margin:10px 0 0 0;}
.chairmanfooter_in li{font:11px/100% verdana; color:#555; display:inline; height:20px; line-height:20px;}

/* 20151026 상단 검색창설치 */
.searchbox		 {float:right; border:1px solid #ccc; }
.searchbox .searchbox_input{z-index:2; width:180px;padding:3px !important; border:0 none !important}
.searchbox a img {vertical-align:-2px !important}

/*20160629_해외법인활동관리 추가*/
.plan_box		{ margin-top:15px;}
.plan_title		{font-weight:bold; color:#525252;}
.plan_list		{margin-top:5px; border:1px solid #ccc; min-height:60px; line-height:1.5em;color:#666; padding:10px;}
.vm				{vertical-align:middle !important}
.it_guide, .it_survey, .it_etc{color:#444; font-size:11px}
.it_guide		{background:#c0e7f2; }
.it_survey		{background:#eddcb1; }
.it_etc			{background:#cfd0c8; }
.it_color_rec	{width:30px; display:inline-block; height:20px; vertical-align:middle;}
.organization_wrap{width:270px; float:left;}
.organization_wrap .search_box7{ vertical-align:middle; margin-bottom:8px;}
.search_box7 img{vertical-align:-3px;}

.it_tab			{height:25px; }
.it_tab li		{float:left;  border-bottom:1px solid #fff !important;  cursor:pointer;min-width:150px; text-align:center; font-size:12px; /*letter-spacing:0.2em;*/}
.it_tab li span{ display:block; height:26px; line-height:26px;}
.it_tab .tab_on, .it_tab .tab_off	{padding:0 20px; margin-right:1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;cursor:pointer;}
.it_tab .tab_on, .it_tab .tab_off:hover{}
.it_tab .tab_on a	{color:#fff !important; }
.it_tab .tab_on   	{background:#ff6207; color:#fff; font-weight:bold; border:1px solid #ff3600; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom:1px solid #ff6207;}
.it_tab .tab_off	{background:#cacaca; color:#333; border:1px solid #999; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom:1px solid #cacaca;}

.show_location		{height:250px; border:1px solid #ccc; position:relative;}
.location_indicator	{padding:10px 0; background:#000; opacity:0.5; color:#fff; font-weight:bold; text-align:center;}
.check_box_right	{display:inline-block;  float:right; margin-right:10px;}	
.tablearea_l		{float:left; width:330px;}
.tablearea_r		{float:right; width:450px;}
.tablearea_r, .tablearea_l{height:300px; overflow-y:scroll; border:1px solid #ccc; margin-bottom:20px;}
.tablearea_r table, .tablearea_l table{width:100%; text-align:center;}
.tablearea_r table th, .tablearea_l table th{font-weight:normal; padding:7px 0;  background:url(/images/contents/hr_th.gif) repeat-x #c0c0c0 !important; border-left:1px solid #aaa; border-bottom:1px solid #aaa !important; color:#555 !important;}
.tablearea_r table td, .tablearea_l table td{border-left:1px solid #aaa; border-bottom:1px solid #aaa !important; min-height:15px; padding:5px 3px;}
.br1				{border-right:1px solid #aaa !important}
.tablearea_r table th:first-child, .tablearea_l table th:first-child {border-left:0 none;}
.tablearea_r table td:first-child, .tablearea_l table td:first-child {border-left:0 none;}
.file_add_btn		{border:1px solid #ff7200 !important; color:#ff7200 !important; display:inline-block; padding:2px 5px;}
.search_file_type	{text-align:left; padding:7px 0 3px 10px !important; vertical-align:middle }
.search_file_type li{padding-bottom:7px;}
.search_file_type li img, .search_file_type li input	{vertical-align:middle !important}

.customlist_table_area{width:430px;}



/*2016.0713. 팝업 css 추가*/
/*팝업 공통*/
.modal_pop{display:none;}
.popBox{background:#fff; border-radius:0 !important; border:#737373 solid 1px;}
.popBox .tit_box{position:relative;padding-left:8px; background:url(/images/contents/pop_h_bg.gif); color:#fff; font-size:14px;border-bottom:#737373 solid 1px; height:26px; line-height:26px;  }
.popBox .tit_box .pop_close{position:absolute; right:0; top:0; width:20px; height:26px; background:url(/images/contents/pop_close.gif) no-repeat 0 9px; }
.popBox .pop_content{padding:0 15px; }
.rBtn{ text-align:right; padding:17px 0 9px;}

.colTable{ width:100%;border-top:#bbb solid 1px;border-left:#bbb solid 1px;}
.colTable th{ background:#e2e2e2; color:#5e5e60; padding:5px 0 5px 8px;  border-right:#bbb solid 1px; border-bottom:#bbb solid 1px }
.colTable td{padding:5px 8px 5px 8px; border-right:#bbb solid 1px; border-bottom:#bbb solid 1px}
.colTable .bg1{ background:#efefef}
.rowTable {width:100%;border-top:#bbb solid 1px;border-left:#bbb solid 1px;}
.rowTable td{padding:2px 5px; border-right:#bbb solid 1px; border-bottom:#bbb solid 1px; font-size:13px;}
.rowTable th{ height:26px; background:url(/images/contents/bg_th.gif); color:#000; font-size:13px;border-right:#bbb solid 1px; border-bottom:#bbb solid 1px; text-align:center; }
.fc-blue{color:#0033ff}
.fc-red{color:#ff0000}
.fc-gr{color:#009900}

.search_box input{height:18px; vertical-align:middle;}
.search_box .pop_search{display:inline-block; vertical-align:middle; width:22px; height:18px;  background:url(/images/contents/btn_pop_search.gif); }
#popAddCustomer .popBox { width:572px; /* height:717px;  */ /*popbox scroll 으로 변경 20160718*/}
.customer_li{display:block; font-soze:0; *font-soze:0;  margin-bottom:0 !important;}
.customer_li li{position:relative; float:left; width:25%; padding:3px 0;}
.customer_li .btn_del{ position:absolute; right:4px; top:3px; width:15px; height:15px; font-size:0; *font-size:0;text-indent:-9999px; *text-indent:0; background:url(/images/contents/btn_del2.gif) no-repeat;   }
.search_box{ margin-bottom:9px; }
.folder_wrap{ border:#cecece solid 1px; height:405px;}
.l_folderarea .search_box .global_input{width:180px}
.r_codearea  .search_box .global_input{width:289px}
.r_codearea .rBtn{ padding:3px 0 0 0}
.popBox .text_area{border:#bbb solid 1px; margin-top:7px; padding:7px 10px; height:79px; font-size:13px;}
.popBox .text_area p{ margin:0}
.popBox .text_area .tit{}
.popBox .text_area .txt{color:#6c6c6c; line-height:1.2em; }

.search_wrap{ overflow:auto; padding-top:16px;}
.search_wrap .l_folderarea{ float:left; width:210px;}
.search_wrap .r_codearea{ float:right;width:319px;}

#popAddNewCustomer .popBox { width:806px; height:570px;  }
#popAddNewCustomer .pop_new_tb .global_input{ width:100% ;}
#popAddNewCustomer .pop_new_tb th{font-size:12px;}

#popAddTimeTable .popBox { width:570px; }
#popAddIteam .popBox { width:570px; /* height:718px;  */ /*popbox scroll 으로 변경 20160718*/}
#popAddIteam .search_box{ margin:10px 0; }
#popAddIteam .search_box input{width:508px;}



.pop_time_tb td.item_td{ padding:0;}
.item_li li{float:left;width:20%; }
.item_li li span{position:relative; display:block; border-left: 1px solid #eee; height:28px; line-height:28px; padding:0 8px;}
.item_li li:first-child span{ border-left:none;}
.item_li .btn_del{ position:absolute; right:4px; top:7px; width:15px; height:15px; font-size:0; *font-size:0;text-indent:-9999px; *text-indent:0; background:url(/images/contents/btn_del2.gif) no-repeat;   }

.txt_help{ text-align:right; font-size:10px; }
.txt_help .fc-gray{color:#999; display:inlin-block; margin:0 8px;}
.tab_wrap{}
.tab_wrap .tabbox{  margin:10px 0;  border-bottom: 1px solid #eee; height:32px; }
.tab_wrap .tabbox li{ float:left; width:100px; text-align:center;height:30px; line-height:30px;}
.tab_wrap .tabbox li a{display:block; border:1px solid #eee; color:#627389; background:#EFF3F7; }
.tab_wrap .tabbox li.ui-state-active a{ background: #565656;    border: 1px solid #565656;    color:#ffde00;}
.tab_wrap .tab_contentbox{clear:both; display:block; height:282px; }
.tab_wrap .tab_contentbox .tbody_box{display:block; height:250px; overflow:auto; border-left:#bbb solid 1px;border-bottom:#bbb solid 1px;}
.tab_wrap .tab_contentbox .tbody_box .codeTb { border-top:none;border-left:none;}

.btn_good{display:inline-block; background:url(/images/contents/i_good1_off.gif) no-repeat; width:30px; height:30px; }
.btn_good.on{background:url(/images/contents/i_good1_on.gif) no-repeat; display:inline-block; width:30px; height:30px; }
.btn_normal{display:inline-block; background:url(/images/contents/i_good2_off.gif) no-repeat; width:30px; height:30px; }
.btn_normal.on{display:inline-block; background:url(/images/contents/i_good2_on.gif) no-repeat; width:30px; height:30px; }
.btn_bad{display:inline-block; background:url(/images/contents/i_good3_off.gif) no-repeat; width:30px; height:30px; }
.btn_bad.on{display:inline-block; background:url(/images/contents/i_good3_on.gif) no-repeat; width:30px; height:30px; }


#popAddResult .popBox { width:571px; height:555px;  }
#popAddResult  .tbody_box{display:block; height:380px; overflow:auto; border-left:#bbb solid 1px;border-bottom:#bbb solid 1px;}
#popAddResult  .tbody_box .pop_item_tb { border-top:none;border-left:none;}

/*팝업 탭 추가*/
.modal_pop { background:#fff;}
.modal_pop .tab_con_wrap{ margin-top:8px; overflow:auto}
.modal_pop .tab_con_wrap .left_tabmenu{float:left; width:119px;border-bottom:#cccccc solid 1px; margin-bottom:40px; }
.modal_pop .tab_con_wrap .left_tabmenu li{display:block; }
.modal_pop .tab_con_wrap .left_tabmenu li a{display:block; border:#cccccc solid 1px;border-bottom:none; height:53px; line-height:53px; font-size:14px; color:#5e5e60; text-align:center}
.modal_pop .tab_con_wrap .left_tabmenu li.ui-state-active a{ background:#e5e4e4;}
.modal_pop .tab_con_wrap .rtab_con{ float:right; width:540px; text-align:left}/* 522 */
.modal_pop .tab_con_wrap .rtab_con .rcon_tabs{ display:block; height:54px; }
.modal_pop .tab_con_wrap .rtab_con .rcon_tabs>li{ float:left; width:25%; }
.modal_pop .tab_con_wrap .rtab_con .rcon_tabs>li:first-child a{border-left:#cccccc solid 1px;}
.modal_pop .tab_con_wrap .rtab_con .rcon_tabs>li a{display:block; padding:8px 0 9px; font-size:14px; color:#5e5e60; text-align:center; border:#cccccc solid 1px;border-left:none; background:#fffcfc}
.modal_pop .tab_con_wrap .rtab_con .rcon_tabs>li.ui-state-active a{ background:#e5e4e4;}
.tab_in_con{ clear:both; margin-top:8px;}
.rtab_con{ margin-bottom:40px; }
/*ui
.modal_pop .ui-corner-all, .modal_pop .ui-widget-content{border:none; border-radius:0; background:none; }
.modal_pop  .ui-widget-header{border:none; border-radius:0; background:none;}
.modal_pop  .ui-tabs .ui-tabs-nav li a, .modal_pop .ui-tabs .ui-tabs-nav li{ float:none; padding:0; }
.modal_pop  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border-radius:0;}
*/

.ui-jqgrid{}
.ui-corner-all{ border-radius:0;}

#add_customer .search_box{ margin-top:15px;}
#add_item .search_box{ margin-top:15px;}
#add_item .tab_wrap{display:block; height:31px; }
#add_item .tabs{ display:block; width:270px;  }
#add_item .tabs>li{ float:left; width:25%; }
#add_item .tabs>li:first-child a{border-left:#cccccc solid 1px;}
#add_item .tabs>li a{display:block; padding:0; height:31px; line-height:31px;  font-size:14px; color:#5e5e60; text-align:center; border:#cccccc solid 1px;border-left:none; background:#fffcfc;}
#add_item .tabs>li.active a{ background:#e5e4e4;}


.pop_add_act{ float:right; width:370px;}
.pop_add_act .colTable{ margin-top:13px;}
.pop_add_act .colTable th{ text-align:left; padding-left:15px; height:50px;}
.pop_add_act .colTable td{ background:#fff; }
.pop_add_act .date_input{}
.pop_add_act img{ vertical-align:middle;}
.pop_add_act .date_select{ display:inline-block; margin-left:20px;}


/*2016.0901 컨텐츠 나누는 부분 추가*/
.cal_tb_wrap .cal_detail .tab_wrap{width:auto; overflow:hidden}
.cal_tb_wrap{ overflow:auto;}
.cal_tb_wrap .table_div{ width:510px; float:left;} /*2016.1010 전체 달력 사이즈 조정(540px->510px)*/
.cal_tb_wrap .cal_detail{ width:285px; float:right;}/*2016.1010 전체 달력 사이즈 조정(250px->285px)*/
.cal_tb_wrap .cal_detail .search_box input{ width:214px;}
.cal_tb_wrap .cal_detail .sub_tabs.m3 li{width:82px;}

.lineBox{border:1px solid #d3d3d3; height:250px;}

/*weekly pop*/
.layer_act{ position:relative; padding-top:20px;}
.layer_act .layer_close{ position:absolute; right:0; top:0; background:#ededed; width:14px; height:14px; line-height:14px; text-align:center; font-size:12px; font-weight:bold; color:#000; font-family:'Dotum';}

#gridDiv .day_arrow1{display:block; width:400px;}
#gridDiv .day_arrow1 ul{ position:relative; display:block; width:100%; left:0; text-align:center;}
#gridDiv .day_arrow1 .left{ margin-left:0; }
#gridDiv .day_arrow1 ul li{ float:none !important; display:inline-block; }
/* //20160629_해외법인활동관리 추가*/

/* margin*/
.mt20{ margin-top:20px;}
/* icon*/
.icon_home{ display:inline-block; width:12px; height:13px; line-height:12px; color:#fff; font-size:9px; background:#ff9000; margin-left:3px; text-align:center; font-family:Dutom,'돋움';font-weight:bold; }


.chk_fl{ margin:20px 0 10px; font-weight:bold;}
.chk_fl input{ margin-right:6px; vertical-align:middle;}
.file_up_wrap					{position:relative; margin:4px 0;}
.file_up_wrap .input_wrap 		{display: block;}
.file_up_wrap a.btnSmall 		{	position: absolute;	right: 0;	top: 0;}
.file_up_wrap a.btn_ok 			{	position: absolute;	right: 10px;	top: 7px;	width: 40px;	height: 27px;	line-height: 27px;}
.file_up_wrap .input_wrap input[type="file"] {	position: absolute;	*position: static;	left: -999em;	*left: 0;	overflow: hidden;	*overflow: visible;	*width: 100%;	*height: 27px;	*margin: 0}
.file_up_wrap .input_wrap label { display:inline-block; width:73px; background:url(../../images/btn_file.png) no-repeat; height:18px; text-indent:-999px;}
.file_up_wrap .input_wrap label:hover{background-position:0 -18px;}
.file_up_wrap .input_wrap .upload-name {	display: inline-block;	*display: none; width:500px; vertical-align: middle;	background: #fff;	-webkit-appearance: none;	-moz-appearance: none;	appearance: none; font-size:12px;}
.file_up_wrap .input_wrap .btn_i_del {	*display: none;	position:absolute; left:490px; top:2px; width: 12px;	heigt: 12px; text-align:center;	color: #000;	background: #fff;	text-align: center;	line-height: 15px; font-size: 11px;
}

.fileup_list{ padding:3px;}
.fileup_list li{display:block;line-height:18px; }

/* 2016.11.03 레이아웃 변경 가변형 width*/
@media all and (min-width:1350px){
	#top{width:80%;margin:0 auto;}
	#content{width:80%;}
}