@charset "utf-8";

/*FONT*/
@font-face {
    font-family: 'NanumGothic';
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	 url('/font/NanumGothic.woff') format('woff'),
	 url('/font/NanumGothic.ttf') format('truetype'),
	 url('/font/NanumGothic.svg#DigitaldreamFatRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* All */
html,body { margin:0; padding:0; border:0; height:100%;}
body,table,input,textarea,button,select { font-family:'나눔고딕','맑은 고딕',NanumGothic,nanumgothicweb,'돋움',Dotum,'애플고딕',AppleGothic,Arial,sans-serif; font-size:11px; color:#373737; letter-spacing:normal; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
img,ul,li,dl,dt,dd,h1,h2,h3,p { margin:0; padding:0; list-style:none}
img,fieldset {border:0; margin:0; padding:0;}
ul,ol,li {list-style:none; margin:0; padding:0;}
input,select,button {vertical-align:middle}
select { height: 22px; }
img {vertical-align:top}
form {margin:0; padding:0}
a {color:#686868; text-decoration:none;}
a:hover {color:#686868; text-decoration:underline; font-weight:normal; }
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.center {margin:0 auto;}
.fl {float:left}
.fr {float:right}
.pr {position:relative;}

/* common */
.blind { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
.col_45b9e9	{color:#45b9e9;}
.color_po 	{color:#259fd1}
.bg_gr		{background-color:#f5f5f5;}
.bordert_none	{border-top:none !important;}
.bor_btm999		{ border-bottom:1px solid #999;}
.txt_cnt		{text-align:center}
.lh88	{line-height:88px}
.mt3	{margin-top:3px}
.mt5	{margin-top:5px}
.mt8	{margin-top:8px}
.mt9	{margin-top:8px;margin-left:20px;margin-right:20px;}
.mt10	{margin-top:10px}
.mt15	{margin-top:15px}
.mt20	{margin-top:20px}
.mt60	{margin-top:60px}
.mt119	{margin-top:119px}
.mt130	{margin-top:130px}
.mb10	{margin-bottom:10px}
.ml5	{margin-left:5px}
.ml8	{margin-left:8px}
.ml10	{margin-left:10px}
.mr10	{margin-right:10px}
.mr30	{margin-right:30px}
.fs13	{font-size:13px; letter-spacing:-0.05em}
.fl_r	{float:right}
.fl_l	{float:left}
.h70	{height:70px;}
.h112	{height:112px;}
.pdstyle10	{padding:10px 10px !important;}
input.srch_input	{ height:20px; line-height:20px; padding:0 5px;}
input.date_btn		{ margin-left:3px; width:23px; height:24px; border:0; background:url(/images/common/btn_date.gif) no-repeat; cursor:pointer}
input.input_txtstyle01 	{height:18px; line-height:18px; padding:0 10px; color:#373737;}
button.blt_open		{width:26px; height:24px; background:url(/images/index/blt_open.jpg) no-repeat; border:0; font-size:0; text-indent:-999; cursor:pointer}
input.plan			{width:203px; height:22px; line-height:22px; border:1px solid #d5d5d5;  padding:0 10px; background:url(/images/index/bg_inputPlan.jpg) no-repeat}
button.btn_under	{position:absolute; top:16px; right:10px; width:7px; height:5px; background:url(/images/index/btn_under.png) no-repeat; border:0; padding:0; font-size:0; text-indent:-999; cursor:pointer; display:block}
/* forms */
form,fieldset { margin:0; padding:0; border:0}
legend { display:none}
input,textarea { font-size:12px; font-weight:normal; line-height:18px; color:#373737; vertical-align:middle}
input,textarea* { margin:3px 0}

/* skip */
.skip { position:relative; display:block}
.skip a { position:absolute; display:block; width:100%; height:1px; overflow:hidden}
.skip a:focus { height:auto; position:static}

/*버튼타입1*/
.btnType1 {background:url(/images/common/bg_btnType1.gif) no-repeat; display:inline-block; line-height:28px; height:28px; padding-left:19px; font-size:11px; cursor:pointer;}
.btnType1 span {background:url(/images/common/bg_btnType1.gif) no-repeat right; display:inline-block !important; line-height:28px; height:28px; padding-right:19px; cursor:pointer; color:#45b9e9; font-weight:bold}
.btnType1 span:hover {color:#373737}

/*버튼타입2*/
.btnType2 {background:url(/images/common/bg_btnType2_1.gif) no-repeat; display:inline-block; line-height:24px; height:24px; padding-left:17px; font-size:11px; cursor:pointer;}
.btnType2 span {background:url(/images/common/bg_btnType2_1.gif) no-repeat right; display:inline-block; line-height:24px; height:24px; padding-right:17px; cursor:pointer; color:#373737; font-weight:normal}
.btnType2 span:hover {color:#373737}

/*버튼타입3*/
.btnType3 {background:url(/images/common/bg_btnType3.gif) no-repeat; display:inline-block; line-height:24px; height:24px; padding-left:17px; font-size:11px; cursor:pointer;}
.btnType3 span {background:url(/images/common/bg_btnType3.gif) no-repeat right; display:inline-block; line-height:24px; height:24px; padding-right:17px; cursor:pointer; color:#fff; font-weight:bold}
.btnType3 span:hover {color:#fff}

/*BOX*/
.boxstyleA	{border-bottom:1px solid #b2b2b2; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.boxstyleA .boxstyleA_titleArea {position:relative; height:44px; background-color:#f5f5f5;}
.boxstyleA .boxstyleA_titleArea h2{line-height:44px; color:#000; font-size:14px; text-indent:29px}
.boxstyleA .boxstyleA_titleArea h2.bg_h201{background:url(/images/index/bg_ico01.jpg) 10px 14px no-repeat;}
.boxstyleA .boxstyleA_titleArea h2.bg_h202{background:url(/images/index/bg_ico02.jpg) 10px 14px no-repeat;}
.boxstyleA .boxstyleA_titleArea h2.bg_h203{background:url(/images/index/bg_ico03.jpg) 10px 16px no-repeat;}
.boxstyleA .boxstyleA_titleArea h2.bg_h204{background:url(/images/index/bg_ico04.jpg) 12px 14px no-repeat;}
.boxstyleA .boxstyleA_titleArea h2.bg_h205{background:url(/images/index/bg_ico05.jpg) 12px 15px no-repeat;}
.boxstyleA .boxstyleA_contentArea {position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5; overflow:hidden}
.boxstyleA .caledate{line-height:44px;}
.boxstyleA .caledate a.prev,
.boxstyleA .caledate a.next	{ font-weight:bold; font-family:"Comic Sans MS", cursive; margin:0 15px; font-size:18px; color:#848484}
.boxstyleA .caledate a.prev:hover,
.boxstyleA .caledate a.next:hover{ text-decoration:none}
.boxstyleA .caledate .date	{font-size:14px; font-weight:bold}
.boxstyleA .caledate a.today{position:absolute; top:17px; right:40px; width:29px; height:14px; background:url(/images/index/btn_today.gif) no-repeat; display:block; font-size:0; text-indent:-999;}

.boxstyleB	{ border-top:1px solid #eee; border-left:1px solid #e5e5e5; border-bottom:1px solid #b2b2b2; border-right:1px solid #e5e5e5; }
.boxstyleB .boxstyleB_contentArea {position:relative; padding:10px 10px; overflow:hidden}
.boxstyleB .boxstyleB_contentArea .photoArea	{ float:left; width:65px; height:75px; background-color:#f5f5f5}
.boxstyleB .boxstyleB_contentArea .introductionArea	{ float:right; width:152px; height:75px}
.boxstyleB .boxstyleB_contentArea .introductionArea	p{ color:#373737;}
.boxstyleB .boxstyleB_contentArea .introductionArea	p strong{ color:#45aed9; font-weight:normal}
.boxstyleB .boxstyleB_contentArea .introductionArea ul.intro_btnset	{margin-top:13px;}
.boxstyleB .boxstyleB_contentArea .introductionArea ul.intro_btnset li	{ float:left;}
.boxstyleB .boxstyleB_contentArea .introductionArea ul.intro_btnset li button{ border:none; cursor: pointer}
.boxstyleB .boxstyleB_contentArea .introductionArea ul.intro_btnset li.out_m01 button	{width:70px; height:22px; background:url(/images/index/btn_intro01.jpg) 0 0; no-repeat;  display:inline-block; color:#fff; font-weight:bold}
.boxstyleB .boxstyleB_contentArea .introductionArea ul.intro_btnset li.out_m02 button	{margin-left:2px; width:80px; height:22px; background:url(/images/index/btn_intro02.jpg) 0 0; no-repeat; display:inline-block; text-align:left; text-indent:3px; color:#666; font-weight:bold}
.boxstyleB .boxstyleB_bgGray{text-align:center; position:relative; height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.boxstyleB .boxstyleB_bgGray a.btn_renewal{width:15px; height:13px; background:url(/images/index/renewal.jpg) no-repeat; text-indent:-9999; font-size:0; display:inline-block; vertical-align:middle; margin-left:10px;}

.boxstyleM	{border-bottom:1px solid #b2b2b2; border-top:1px solid #e9df74; border-right:1px solid #e9df74; border-left:1px solid #e9df74;}
.boxstyleM .boxstyleM_titleArea {position:relative; height:44px; background-color:#fcf9db;}
.boxstyleM .boxstyleM_titleArea h2{line-height:44px; color:#000; font-size:13px; text-indent:12px; letter-spacing:-1px;}
.boxstyleM .boxstyleM_titleArea h2 strong{margin-left:5px; color:#45b9e9;}
.boxstyleM .boxstyleM_contentArea {position:relative;  background-color:#fbf5b7; min-height:80px; padding:10px 0; border-top:1px solid #e9df74; border-bottom:1px solid #e9df74; overflow:hidden}
.boxstyleM .boxstyleM_contentArea ul li{margin-bottom:5px;}


.writeMemo{position:relative; height:24px; margin:10px 0 0 0;}
.writeMemo .wm_srchWpap{position:relative;float:left; width:148px;}
.writeMemo .wm_srchWpap .btn_insrch{top:0 !important; right:0 !important;}
ul.btn_memo_list{position:absolute; top:0; right:0; padding-left:2px; width:91px; height:24px; display:block; background:url(/images/index/btn_memo_list.jpg) no-repeat; font-size:0; text-indent:-9999;}
ul.btn_memo_list li{float:left; margin: 1px 1px;}
ul.btn_memo_list li a{ width:20px; height:22px; display:block;}




p.prt_plan	{float:left; color:#010101; font-size:13px; font-weight:bold; letter-spacing:-1px}
p.prt_plan strong {margin-left:5px; color:#45b9e9}

div.prt_plan_event {color:#010101; font-size:13px; font-weight:normal; letter-spacing:-1px; overflow-wrap:break-word; white-space:nowrap; overflow:hidden; padding-top:3px;}

/*메인달력*/
#calender a:hover,a:active,a:focus{text-decoration:underline; color:#8f826d;}
#calender	{text-align:center; padding:10px;}
#calender th{width:28px; height:20px; font-size:11px;}
#calender td{width:28px; height:20px;}
#calender td.on a { background-color:#fbf5b7; border:solid 1px #e9df74; display:block;}
#calender td.today{color:#000; text-decoration:underline; font-weight:bold}
#calender .calender_color0 {color:#e70000;}/*일요일,휴일*/
#calender .calender_color0 a {color:#e70000;}/*일요일,휴일*/
#calender .calender_color1 {color:#666;}/*평일*/
#calender .calender_color1 a{color:#666;}/*평일*/
#calender .calender_color2 {color:#0045e1;}/*토요일*/
#calender .calender_color2 a{color:#0045e1;}/*토요일*/

/* Layout Selector */
#wrap { width:100%; height:100%;}
/* Header */

/*로그인페이지*/
#login_wrap { width:100%; margin-top:200px}
#login_header	{ position:relative; width:734px; height:33px; margin-bottom:12px;}
#login_header h1{ width:131px; height:46px;  text-indent:-9999; font-size:0}
#login_laybody	{ position:relative; width:100%; height:300px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
#login_laybody #cont_wrap{ position:relative; height:289px; background-color:#ededed; margin-top:5px;}
#login_laybody #cont_wrap #login_content{ position:relative; width:734px; height:250px; top:10px}
.login_container	{width:320px; height:227px; float:left; background-color:#fff; padding:20px 20px 20px 20px;}
.login_container h2 {height:32px; background:url(/images/login/bg_login.jpg) no-repeat; padding-top:40px; font-size:18px; color:#000; letter-spacing:-1px; font-weight:600}
.login_container p  {height:31px;  font-size:13px; line-height:17px; margin-bottom:25px;}
.login_container ul.loginForm{ width:230px; float:left}
.login_container ul.loginForm li input{width:210px; height:24px; background-color:#f5f5f5 !important; padding:0 8px; margin:0;}
.login_container ul.loginForm li input.group{margin-bottom:8px}
.login_container ul.loginForm li input.login{background:url(/images/login/bg_inputLogin.jpg) no-repeat; margin-bottom:8px}
.login_container ul.loginForm li input.passw{background:url(/images/login/bg_inputPass.jpg) no-repeat;}
.login_container .btn_login{width:87px; height:63px; line-height:63px; text-align:center; float:right; background:url(/images/login/bg_btnLogin.jpg)}
.login_container .btn_login a{width:87px; height:63px; color:#fff; display:inline-block}
.login_container .btn_login a:hover{text-decoration:none}
.notice_container	{width:360px; height:267px; float:right; background-color:#fff;  text-align:center;}

.top_dotLine		{height:72px; border-bottom:1px dotted #999;}
#login_footer	{ position:relative; width:734px;}
#login_footer p{ float:right; font-family:Verdana, Geneva, sans-serif; margin-top:13px; color:#bbb;}
/*로그인페이지 끝*/

/* Top bar */
#header	{ position:relative; width:100%; height:45px; background:url(/images/common/bg_topBar.jpg) repeat-x}
#header h1		{position:absolute; font-size:0; top:11px; left:24px; width:89px; height:16px; display:inline-block}
#header h1 a.logo{width:200px; height:26px; background:url(/images/common/logo_0.png) no-repeat; display:block}
#header ul.nav_hm	 {position: absolute; top: 0; left: 50%; margin-left:-113px; width:233px; height:41px;}
#header ul.nav_hm li	{ height:41px; float:left; background:url(/images/common/bg_nav_hm.gif) no-repeat; display:inline-block}
#header ul.nav_hm li a{ height:41px; display:block;}
#header ul.nav_hm li.m1	{width:77px; background-position:0 0;}
#header ul.nav_hm li.m1.on{width:77px; background-position:0 -41px;}
#header ul.nav_hm li.m2 {width:78px; background-position:-77px 0;}
#header ul.nav_hm li.m2.on {width:78px; background-position:-77px -41px;}
#header ul.nav_hm li.m3 {width:78px; background-position:-155px 0;}
#header ul.nav_hm li.m3.on {width:78px; background-position:-155px -41px;}
#header .login_area	{ position:absolute; top:11px; right:25px; height:21px}
#header .login_area .userName	{float:left; line-height:21px; color:#fff; font-size:12px; margin-right:16px; font-weight:bold}
#header .login_area ul.loginOut	{float:left}
#header .login_area ul.loginOut li	{ float:left; margin-left:2px}
#header .login_area ul.loginOut li button{ border:none; cursor: pointer}
#header .login_area ul.loginOut li.out_m01 button	{width:70px; height:20px; background:url(/images/common/btnset_loginOut.gif) 0 -20px; no-repeat; display:inline-block; color:#fff; font-weight:bold}
#header .login_area ul.loginOut li.out_m02 button	{width:80px; height:20px; background:url(/images/common/btnset_loginOut.gif) 0 0; no-repeat; display:inline-block; text-align:left; text-indent:3px; color:#666; font-weight:bold}


/*container*/
#container {position:relative; overflow:hidden; background:url(/images/common/bg_container.jpg) repeat-y; display:table; height:90%;}
.main_bg {background:url(/images/index/bg_container.jpg) repeat-y !important;}

/*left유동영역*/
#container .left_move{position:relative; display:table-cell; float:none; .float:left;}

/*nav*/
#container .nav_cmn	{display:table-cell; float:none; .float:left; width:60px; height:868px; background-color:#50505c;}
#container .nav_cmn .menu_list		{ }
#container .nav_cmn .menu_list li	{ position:relative; text-align:center; line-height:normal}
#container .nav_cmn .menu_list li a { display: block; width:60px; height:55px; background:url(/images/common/menuList.png) no-repeat; font-size:0}
#container .nav_cmn .menu_list a.home { background-position:0 0;}
#container .nav_cmn .menu_list a.home:hover, #container .nav_cmn .menu_list .on a.home { background-position:-71px 0;}
#container .nav_cmn .menu_list a.electronicApproval { background-position:0 -55px;}
#container .nav_cmn .menu_list a.electronicApproval:hover, #container .nav_cmn .menu_list .on a.electronicApproval { background-position:-71px -55px;}
#container .nav_cmn .menu_list a.mail { background-position:0 -110px;}
#container .nav_cmn .menu_list a.mail:hover, #container .nav_cmn .menu_list .on a.mail { background-position:-71px -110px;}
#container .nav_cmn .menu_list a.calender { background-position:0 -165px;}
#container .nav_cmn .menu_list a.calender:hover, #container .nav_cmn .menu_list .on a.calender { background-position:-71px -165px;}
#container .nav_cmn .menu_list a.document {background-position:0 -220px;}
#container .nav_cmn .menu_list a.document:hover, #container .nav_cmn .menu_list .on a.document { background-position:-71px -220px;}
#container .nav_cmn .menu_list a.notice {background-position:0 -275px;}
#container .nav_cmn .menu_list a.notice:hover, #container .nav_cmn .menu_list .on a.notice { background-position:-71px -275px;}
#container .nav_cmn .menu_list a.adress {background-position:0 -330px;}
#container .nav_cmn .menu_list a.adress:hover, #container .nav_cmn .menu_list .on a.adress { background-position:-71px -330px;}
#container .nav_cmn .menu_list a.memo {background-position:0 -385px;}
#container .nav_cmn .menu_list a.memo:hover, #container .nav_cmn .menu_list .on a.memo { background-position:-71px -385px;}
#container .nav_cmn .menu_list a.attendance {background-position:0 -440px;}
#container .nav_cmn .menu_list a.attendance:hover, #container .nav_cmn .menu_list .on a.attendance  { background-position:-71px -440px;}
#container .nav_cmn .menu_list a.system {background-position:0 -495px;}
#container .nav_cmn .menu_list a.system:hover, #container .nav_cmn .menu_list .on a.system { background-position:-71px -495px;}
#container .nav_cmn .menu_list li em	{text-align:center; font-style:normal;}
#container .nav_cmn .menu_list li em span  {width:60px; height:55px; position: absolute; top:0; left:0; line-height:80px; font-size:11px; color:#c9c9d3; font-weight:bold}
#container .nav_cmn .menu_list li em span:hover, #container .nav_cmn .menu_list li.on em span {color:#45b9e9}
#container .nav_cmn .article_num {position: absolute; right:5px; top:3px; line-height: 15px; vertical-align: top; cursor: pointer;}
#container .nav_cmn .article_num em		{background:url(/images/common/bg_article_num.png) no-repeat; width:28px; height:20px; line-height:20px; display: inline-block; vertical-align: top; zoom: 1; font-weight:bold; color:#fff; letter-spacing:-1px;}

/*nav_snb*/
#container .nav_snb	{ display:table-cell; float:none; .float:left; position:relative;  width:219px; height:100%; background-color:#e8e8e8; border-right:1px solid #ddd; vertical-align:top}
#container .nav_snb	.btn_workset_wrap	{width:219px; min-height:46px; height:auto !important; height:46px; border-bottom:1px solid #dddddd; display:inline-block}
#container .nav_snb .btn_workset_wrap ul.btn_workset	{margin:10px 0 0 19px}
#container .nav_snb .btn_workset_wrap ul.btn_workset li {float:left}
#container .nav_snb .btn_workset_wrap ul.btn_workset li a.btn_import {margin-left:-1px;}
#container .nav_snb .btn_workset_wrap a.btn_fold	{position:absolute; width:15px; height:46px; top:0; right:-1px; background:url(/images/common/bg_btn_fold.gif) no-repeat}
#container .nav_snb	.btn_workset_wrap h2,	
#container .nav_snb	.btn_workset_wrap span.aspan {font-size:14px; font-weight:bold; display:block; margin:14px 0 14px 15px; padding-left:22px}
#container .nav_snb	.btn_workset_wrap span.aspan a{ font-weight:bold;color:#373737}
#container .nav_snb	.btn_workset_wrap .written_approval	{background:url(/images/common/icon_h2_01.gif) no-repeat}
#container .nav_snb .list_menu ul.litypeA	{}
#container .nav_snb .list_menu ul.litypeA li{height:35px; line-height:35px; text-indent:40px; font-size:13px; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:url(/images/common/iconset_menu.png) no-repeat;}
#container .nav_snb .list_menu ul.litypeA li.m01{background-position:17px 0;}
#container .nav_snb .list_menu ul.litypeA li.m02{background-position:17px -37px;}

#container .nav_snb .list_menu ul.litypeB {border-top:1px solid #ffffff; padding:10px 0;}
#container .nav_snb .list_menu ul.litypeB li{height:25px; line-height:25px; text-indent:40px; font-size:13px; background:url(/images/common/iconset_menu.png) no-repeat;}
#container .nav_snb .list_menu ul.litypeB li.m01{background-position:16px -78px;}
#container .nav_snb .list_menu ul.litypeB li.m02{background-position:16px -115px;}
#container .nav_snb .list_menu ul.litypeB li.m03{background-position:16px -152px;}

#container .nav_snb .list_menu ul.litypeB_02 {border-top:1px solid #ffffff;  border-bottom:1px solid #ddd;  padding:10px 0; }
#container .nav_snb .list_menu ul.litypeB_02 li{height:25px; line-height:25px; text-indent:40px; font-size:13px; background:url(/images/common/iconset_menu.png) no-repeat;}
#container .nav_snb .list_menu ul.litypeB_02 li.m01{background-position:16px -227px;}
#container .nav_snb .list_menu ul.litypeB_02 li.m02{background-position:15px -265px;}
#container .nav_snb .list_menu ul.litypeB_02 li.m03{background-position:16px -300px;}

#container .nav_snb .list_menu ul.litypeC {	width:219px; height:auto; .height:87px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:10px 0; background-color:#fff; display:table; }
#container .nav_snb .list_menu ul.litypeC li{height:25px; line-height:25px; text-indent:40px; font-size:13px; display:table-cell;  .display:inline-block}
#container .nav_snb .list_menu ul.litypeC li.m01{background:url(/images/common/iconset_menu.png) no-repeat; background-position:16px -189px;}
#container .nav_snb .list_menu ul.litypeC li ul	{background-color:#fff; display:inline-block;}
#container .nav_snb .list_menu ul.litypeC li ul	li{height:30px; line-height:30px; text-indent:50px; font-size:13px; display:block; background:url(/images/common/iconset_menu_03.png) no-repeat}
#container .nav_snb .list_menu ul.litypeC li ul	li.mm01{background-position:0 0;}
#container .nav_snb .list_menu ul.litypeC li ul	li.mm02{background-position:-219px 0;}

#container .nav_snb .list_menu ul.litypeC li ul	li a{width:219px; display:block}
#container .nav_snb .list_menu ul.litypeC li ul	li.mm01.on,
#container .nav_snb .list_menu ul.litypeC li ul	li.mm01 a:hover{ background:url(/images/common/iconset_menu_03.png) 0 -30px no-repeat; color:#fff}
#container .nav_snb .list_menu ul.litypeC li ul	li.mm02.on,
#container .nav_snb .list_menu ul.litypeC li ul	li.mm02 a:hover{ background:url(/images/common/iconset_menu_03.png) -219px -30px no-repeat; color:#fff}
#container .nav_snb .list_menu ul.litypeC li ul	li.on a{color:#fff}

#container .nav_snb .list_menu ul.litypeD {	width:219px; border-top:1px solid #fff;padding:10px 0;  display:table}
#container .nav_snb .list_menu ul.litypeD li{ font-size:13px; line-height:25px; background:url(/images/common/iconset_menu_02.png) no-repeat; padding:0 5px; text-indent:17px}
#container .nav_snb .list_menu ul.litypeD li.m01{background-position:0 -9px;}
#container .nav_snb .list_menu ul.litypeD li.m02{background-position:0 -42px;}
#container .nav_snb .list_menu ul.litypeD li.m03{background-position:0 -75px;}

#container .nav_snb .list_menu ul.litypeE {	width:219px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;  display:table; background-color:#fff}
#container .nav_snb .list_menu ul.litypeE li{ text-indent:28px; font-size:13px; padding:2px 0; margin-left:12px;}
#container .nav_snb .list_menu ul.litypeE li ul{margin-top:5px;}
#container .nav_snb .list_menu ul.litypeE li.dep01{ background:url(/images/common/bg_folder01.jpg) 8px 3px no-repeat;}
#container .nav_snb .list_menu ul.litypeE li.dep02{ font-size:12px; margin-left:35px; background:url(/images/common/bg_folder02.jpg) 0 0 no-repeat;}
#container .nav_snb .list_menu ul.litypeE li.dep02 a,
#container .nav_snb .list_menu ul.litypeE li.dep02 a:hover{ color:#666; }
#container .nav_snb .list_menu ul.litypeE li.dep03{ background:url(/images/common/bg_folder01.jpg) 8px 3px no-repeat; margin-left:21px}

#container .nav_snb .list_menu ul li:hover{}
#container .nav_snb .list_menu ul li a,
#container .nav_snb .list_menu ul li a:hover{ color:#373737; text-decoration:none; font-weight:bold;}
#container .nav_snb .list_menu ul li .divbar{position: relative; top: 1px; padding:0 10px; color:#ddd; vertical-align: top;}


/*nav_index*/
.btn_setup{position:absolute; top:10px; right:11px; width:26px; height:24px; display:block; background:url(/images/index/btn_setup.png) no-repeat; font-size:0; text-indent:-9999;}
.btn_setup a{ width:26px; height:24px; display:block;}
.btn_latest	{position:absolute; width:43px; height:16px;top:14px; right:51px; background:url(/images/index/blt_down.jpg) right no-repeat; font-size:12px; letter-spacing:-1px}
.btn_latest	a{width:43px; height:16px; display:block; color:#000;}
.btn_latest	a:hover{text-decoration:none;}
.btn_insrch{position:absolute; top:10px; right:11px; width:31px; height:24px; line-height:24px; text-align:center; display:block; background:url(/images/index/bg_btnsrch.jpg) no-repeat}
.btn_insrch a{ width:31px; height:24px;display:block;}
.btn_insrch a:hover{text-decoration:none;}
ul.btn_favo_list{position:absolute; top:10px; right:11px; padding-left:2px; width:89px; height:24px; display:block; background:url(/images/index/list_favo_list.jpg) no-repeat; font-size:0; text-indent:-9999;}
ul.btn_favo_list li{float:left; margin: 1px 1px;}
ul.btn_favo_list li a{ width:20px; height:22px; display:block;}

ul.favolist{padding:0 10px;}
ul.favolist li{padding:0 10px;}
ul.favolist li.folder{ background:url(/images/index/bg_folder.gif) no-repeat; text-indent:35px}
ul.favolist li.folder a{color:#373737; font-size:13px; letter-spacing:-1px;}

.content_null {text-align:center; line-height:17px;}

#container .nav_index	{ display:table-cell; .float:left; width:250px; height:100%;  position:relative;  vertical-align:top; background-color:#fff }
#container .nav_index .navindex_inner  {width:220px; margin:15px 0 0 30px; display:inline-block}
#container .nav_index .navindex_inner  h1{height:37px; background:url(/images/index/bg_h1.jpg) no-repeat; text-indent:-9999; font-size:0;}
#container .nav_index .navindex_inner  h2.counter{position:relative; margin-top:10px; height:44px; line-height:44px;  background-color:#67ccf6; color:#fff; font-size:14px; text-indent:20px}
#container .nav_index .navindex_inner  ul.lnb_counter {width:220px; border-bottom:1px solid #999; display:inline-block}
#container .nav_index .navindex_inner  ul.lnb_counter li{width:218px; height:35px; line-height:35px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px; letter-spacing:-1px; display:inline-block; text-indent:29px; background:url(/images/index/bgt_coun.gif) 19px 16px no-repeat;}
#container .nav_index .navindex_inner  ul.lnb_counter li span{margin-left:8px; color:#45b9e9}
#container .nav_index .navindex_inner  ul.lnb_counter li a{ color:#010101; }

ul.Click2More {width:195px; margin-left:18px; display:inline-block}
ul.Click2More li{float:left; width:55px; height:80px; margin-right:10px; text-align:center;}
ul.Click2More li a{width:55px; height:80px; display:block; color:#666; }
ul.Click2More li a span{height:34px; padding-top:46px; display:block}
ul.Click2More li a span.lhtypA{margin-top:3px;}
ul.Click2More li a span.lhtypB{margin-top:5px;}
ul.Click2More li a:hover{text-decoration:none;}
ul.Click2More li.i01{background:url(/images/index/Click2More_ico01.jpg) no-repeat;}
ul.Click2More li.i02{background:url(/images/index/Click2More_ico02.jpg) no-repeat;}
ul.Click2More li.i03{background:url(/images/index/Click2More_ico03.jpg) no-repeat;}
ul.Click2More li.i04{background:url(/images/index/Click2More_ico04.jpg) no-repeat;}

/*content*/
#container #content			{ position:relative; .position:absolute; width:100%; .width:85%;  float:none; .float:left; display:table-cell;  vertical-align:top}
#container #content	.laytype01Left	 { position:relative; float:left; width:39%; padding-top:20px; padding-right:1%;}
#container #content	.laytype01Right {position:relative; float:right; width:58%;  padding-left:1%; padding-right:1%; padding-top:20px; min-height:838px; height:838px; height:auto !important; background-color:#f5f5f5}
#container #content	.employee_con	{position:relative; margin:0px 0 0px 20px;}

#container #content	.laytype02Left	 { position:relative; float:left; width:25%; padding-top:20px; padding-right:1%; height:838px;  background-color:#f5f5f5; overflow:auto}
#container #content	.laytype02Right {position:relative; float:right; width:72%;  padding-left:1%; padding-right:1%; padding-top:20px; min-height:838px; height:838px; height:auto !important}

#container #content	.indextypeLeft {z-index:999; position:relative; float:left;  width:100%;  padding-left:330px; right:630px; margin-top:15px; }
#container #content	.indextypeLeft .innerIndexcon { padding-left:330px; }
#container #content	.indextypeRight {position:absolute; right:0; width:250px; margin:15px 30px 0 20px;}

#container #content	.laytype03Left	 { position:relative; float:left; width:25%; padding-top:20px; padding-right:1%; height:838px; overflow:auto}
#container #content	.laytype03Right {position:relative; float:right; width:72%;  padding-left:1%; padding-right:1%; padding-top:20px; background-color:#f5f5f5; min-height:838px; height:838px; height:auto !important}

/*#container #content	.laytype04Left	 { position:relative; float:left; width:58%; padding-top:20px; padding-right:1%; }*/
#container #content	.laytype04Left	 { position:relative; float:left; width:55%; padding-top:20px; padding-right:1%; }
#container #content	.laytype04Right {position:relative; float:right; width:42%;  padding-top:20px; padding-left:1%; padding-right:1%;  min-height:838px; height:838px; height:auto !important; background-color:#f5f5f5}

#container #content	.laytype05Left	 { position:relative; float:left; width:30%; padding-top:20px; padding-right:1%; }
#container #content	.laytype05Right { position:relative; float:right; width:67%;  padding-top:20px; padding-left:1%; padding-right:1%;  min-height:838px; height:838px; height:auto !important; background-color:#f5f5f5}

/*1*/
.topbar2	{ height:115px; border-bottom:1px solid #ddd; background-color:#e8e8e8;}
.topbar2 .search_wrap{ padding-left:10px; padding-top:10px;}
.topbar2 .search_wrap fieldset.srch{margin:11px 0 0 0; .margin:7px 0 0 4px}
.topbar2 .search_wrap fieldset.srch legend{position:absolute; top:15px; left:15px; display:inline-block; font-size:13px; color:#373737;}
.topbar2 .search_wrap input.keyword	{margin-left:10px; width:136px; height:22px; line-height:22px; padding:0 10px; border:1px solid #373737}
.topbar2 .search_wrap input.keyword2	{margin-left:70px; width:136px; height:22px; line-height:22px; padding:0 10px; border:1px solid #373737}
.topbar2 .search_wrap select	{margin-left:10px; width:136px; height:22px; line-height:22px;}
.topbar2 a.btn_detail	{ margin:11px 0 0 3px; width:45px; height:24px; line-height:24px; text-indent:8px;background:url(/images/common/btn_detail.gif) no-repeat; display:inline-block; }
.topbar2 a.btn_detail:hover	{ text-decoration:none }
.topbar2 dl.notice	{float:right; font-size:13px; margin:15px 25px 0 0; color:#373737;}
.topbar2 dl.notice dt	{ float:left; margin-right:12px}
.topbar2 dl.notice dt a	{ color:#373737;}
.topbar2 dl.notice dt a:hover	{ text-decoration:none}
.topbar2 dl.notice dd	{ float:left;}

/*1*/
.topbar3	{ height:85px; border-bottom:1px solid #ddd; background-color:#e8e8e8;}
.topbar3 .search_wrap{ padding-left:10px; padding-top:10px;}
.topbar3 .search_wrap fieldset.srch{margin:11px 0 0 0;}
.topbar3 .search_wrap fieldset.srch legend{position:absolute; top:15px; left:15px; display:inline-block; font-size:13px; color:#373737;}
.topbar3 .search_wrap input.keyword	{margin-left:0px; width:136px; height:20px; line-height:20px; padding:0 10px; border:1px solid #373737}
.topbar3 .search_wrap select	{margin-left:0px; width:136px; height:22px; line-height:22px;}
.topbar3 .search_wrap span	{margin-left:10px;font-weight: bold;}
.topbar3 a.btn_detail	{ margin:11px 0 0 3px; width:45px; height:24px; line-height:24px; text-indent:8px;background:url(/images/common/btn_detail.gif) no-repeat; display:inline-block; }
.topbar3 a.btn_detail:hover	{ text-decoration:none }
.topbar3 dl.notice	{float:right; font-size:13px; margin:15px 25px 0 0; color:#373737;}
.topbar3 dl.notice dt	{ float:left; margin-right:12px}
.topbar3 dl.notice dt a	{ color:#373737;}
.topbar3 dl.notice dt a:hover	{ text-decoration:none}
.topbar3 dl.notice dd	{ float:left;}

/*1*/
.topbar	{ height:46px; border-bottom:1px solid #ddd; background-color:#e8e8e8;}
.topbar .search_wrap{ position:relative; float:left; padding-left:10px; padding-top:10px;}
.topbar .search_wrap fieldset.srch{margin:11px 0 0 0; .margin:7px 0 0 4px}
.topbar .search_wrap fieldset.srch legend{position:absolute; top:15px; left:15px; display:inline-block; font-size:13px; color:#373737;}
.topbar .search_wrap input.keyword	{margin-left:10px; width:136px; height:22px; line-height:22px; padding:0 10px; border:1px solid #373737}
.topbar .search_wrap input.keyword2	{margin-left:70px; width:136px; height:22px; line-height:22px; padding:0 10px; border:1px solid #373737}
.topbar .search_wrap select	{margin-left:10px; width:136px; height:22px; line-height:22px;}
.topbar a.btn_detail	{ margin:11px 0 0 3px; width:45px; height:24px; line-height:24px; text-indent:8px;background:url(/images/common/btn_detail.gif) no-repeat; display:inline-block; }
.topbar a.btn_detail:hover	{ text-decoration:none }
.topbar dl.notice	{float:right; font-size:13px; margin:15px 25px 0 0; color:#373737;}
.topbar dl.notice dt	{ float:left; margin-right:12px}
.topbar dl.notice dt a	{ color:#373737;}
.topbar dl.notice dt a:hover	{ text-decoration:none}
.topbar dl.notice dd	{ float:left;}
.srch_detailArea	{height:24px; line-height:24px; padding:13px 0; border-bottom:1px solid #ddd;}
.srch_detailArea dl.srch_detailDl{display:inline-block; margin-left:18px;}
.srch_detailArea dl.srch_detailDl dt{float:left; font-size:13px;}
.srch_detailArea dl.srch_detailDl dd{float:left; margin:0 30px 0 10px;}

.content_layouttypeA	{margin:20px 0 0 20px;}

 ul.tabstyleA	{ width:100%; height:29px; border-bottom:0px solid #cfcfcf; font-weight:bold}
 ul.tabstyleA li	{width:105px; height:30px; line-height:29px; margin-right:2px; float:left; text-align:center; background:url(/images/common/bg_ulstyleAli.gif) no-repeat}
 ul.tabstyleA li a{ width:105px; height:30px; display:block; color:#373737}
 ul.tabstyleA li a:hover,
 ul.tabstyleA li.on{ background:url(/images/common/bg_ulstyleAli_on.gif) no-repeat !important; text-decoration:none; font-weight:bold; color:#fff}
 ul.tabstyleA li.on a{ color:#fff;}

 ul.contentUltypeA	li{ width:135px; float:left; margin:30px 60px 0 0;}
 ul.contentUltypeA	li p{ width:135px; height:33px; line-height:33px; text-align:center; font-size:13px;}
 ul.contentUltypeA	li p a{ color:#373737}
 
 ul.tabstyleB	{width:100%; height:29px; border-bottom:1px solid #cfcfcf; display:inline-block; font-weight:bold}
 ul.tabstyleB li	{width:75px; height:29px; line-height:29px; margin-right:2px; float:left; text-align:center; background:url(/images/common/bg_ulstyleBli.gif) no-repeat}
 ul.tabstyleB li a{ width:75px; height:29px; display:block; color:#373737}
 ul.tabstyleB li a:hover,
 ul.tabstyleB li.on{ background:url(/images/common/bg_ulstyleBli_on.gif) no-repeat !important; text-decoration:none; font-weight:bold; color:#fff}
 ul.tabstyleB li.on a{ color:#fff;}
 
.photo_con_wrap	{width:145px; border-bottom:1px solid #939393; margin:0 auto}
.photo_con_wrap .photo_con{height:163px; border:1px solid  #d5d5d5;}
.photo_con_wrap .photo_con .photo{height:163px; border-bottom:1px solid  #d5d5d5; background:url(/images/common/bg_noimage01.jpg)}
.photo_con_wrap .photo_con .f_name{height:24px; background-color:#ffffff;  border-bottom:1px solid  #d5d5d5;}
.photo_con_wrap .photo_con .f_name input{height:24px; line-height:24px; border:0;}
.photo_con_wrap .photo_con .btn_find{height:20px; line-height:20px; background-color:#ffffff;}
.photo_con_wrap .photo_con .btn_find a{width:143px; height:20px; line-height:20px; color:#666; font-size:12px; text-decoration:none; display:block}

.sign_con_wrap	{width:52px; border-bottom:1px solid #939393; margin:0 auto}
.sign_con_wrap .sign_con{height:52px; border:1px solid  #d5d5d5;}
.sign_con_wrap .sign_con .sign{height:125px; border-bottom:1px solid  #d5d5d5; background:url(/images/common/bg_noimage02.jpg)}
.sign_con_wrap .sign_con .f_name{height:24px; background-color:#ffffff;  border-bottom:1px solid  #d5d5d5;}
.sign_con_wrap .sign_con .f_name input{height:24px; line-height:24px; border:0;}
.sign_con_wrap .sign_con .btn_find{height:20px; line-height:20px; background-color:#ffffff;}
.sign_con_wrap .sign_con .btn_find a{width:143px; height:20px; line-height:20px; color:#666; font-size:12px; text-decoration:none; display:block}

/*content table*/
div.tbl_wrap{width:100%; display:inline-block}
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%; border-bottom:1px solid #b2b2b2; font-size:13px;text-align:center;}
.tbl_type caption{display:none}
.tbl_type th{padding:11px 0; border-top:2px solid #9b9b9b; color:#373737; background:url(/images/common/blt_tblth.gif) right no-repeat}
.tbl_type th.last{background:none !important;}
.tbl_type td{padding:11px 0; border-top:1px solid #e5e5e5;color:#000; letter-spacing:-0.5pt; word-break:break-all}
.tbl_type td.al_l{text-align:left; padding:11px 10px}
.tbl_type td.left{text-align:left; padding:11px 10px}
.tbl_type td.right{text-align:right; padding:11px 10px}
.tbl_type.fs12,
.tbl_type.fs12 th,
.tbl_type.fs12 td {font-size:11px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;  border-top:2px solid #808080; font-size:13px; text-align:left}
.tbl_type2 caption{display:none}
.tbl_type2 th{height:22px; line-height:22px; padding:5px 0 5px 20px; color:#000; border-bottom:1px solid #e5e5e5; background:url(/images/common/blt_tblth.gif) right no-repeat; text-align:left}
.tbl_type2 th.last{background:none !important;}
.tbl_type2 td{padding:5px 15px; height:22px; line-height:22px; border-bottom:1px solid #e5e5e5;color:#000; letter-spacing:-0.5pt;}

.tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
.tbl_type3{width:100%;  border-top:2px solid #808080;  border-bottom:1px solid #b2b2b2; font-size:13px; text-align:left}
.tbl_type3 caption{display:none}
.tbl_type3 th{padding:10px 0 10px 5%;  color:#373737; border-bottom:1px solid #e5e5e5; background:url(/images/common/blt_tblth.gif) right no-repeat; text-align:left}
.tbl_type3 th.employee_conth{padding:11px 0 11px 3% !important;}
.tbl_type3 th.last{background:none !important;}
.tbl_type3 td{padding:10px 10px 10px 10px; border-bottom:1px solid #e5e5e5;color:#000; letter-spacing:-0.5pt; text-align:center}
.tbl_type3 td.al_l{text-align:left; padding:11px 0 11px 2%;}
.tbl_type3 td.left{text-align:left; padding:11px 0 11px 2%;}

.tbl_type4,.tbl_type4 th,.tbl_type4 td{border:0}
.tbl_type4{width:100%; border-bottom:1px solid #b2b2b2; font-size:13px;text-align:center;}
.tbl_type4 caption{display:none}
.tbl_type4 th{padding:11px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #9b9b9b; color:#373737; background:url(/images/common/blt_tblth.gif) right no-repeat}
.tbl_type4 th.last{background:none !important;}
.tbl_type4 td{padding:11px 0; border-top:1px solid #e5e5e5;color:#000; letter-spacing:-0.5pt;}
.tbl_type4 td.al_l{text-align:left; padding:11px 10px}
.tbl_type4 td.left{text-align:left; padding:11px 10px}
.tbl_type4 td.right{text-align:right; padding:11px 10px}

.tbl_type5,.tbl_type5 th,.tbl_type5 td{border:0}
.tbl_type5{width:100%; border-bottom:0px solid #b2b2b2; font-size:13px;text-align:center;}
.tbl_type5 caption{display:none}
.tbl_type5 th{padding:11px 0; border-top:2px solid #9b9b9b; color:#373737; background:url(/images/common/blt_tblth.gif) right no-repeat}
.tbl_type5 th.last{background:none !important;}
.tbl_type5 td{padding:11px 0; border-top:1px solid #e5e5e5;color:#000; letter-spacing:-0.5pt;}
.tbl_type5 td.al_l{text-align:left; padding:11px 10px}
.tbl_type5 td.left{text-align:left; padding:11px 10px}
.tbl_type5 td.right{text-align:right; padding:11px 10px}

.hovercolor tbody tr:hover,
.hovercolor tbody tr.on{background-color:#f5f5f5}
.hovercolor tbody td a{color:#006dd3}

/*페이지네이트*/
.paginate {position:relative; margin-top:30px; height:35px; text-align:center;line-height:normal; vertical-align:middle;}
.paginate * {display:inline-block; position:relative; font-size:13px; vertical-align:middle;}
.paginate a {width:30px; height:33px; line-height:33px; text-align:center; border:1px solid #e5e5e6; border-bottom:1px solid #acadaf; background:url(/images/common/pagenate_num_bg.gif); display:inline-block; margin-left:-4px;  text-decoration:none}
.paginate a:hover,
.paginate a:active,
.paginate a:focus {background-color:#f8f8f8; color:#000;}
.paginate strong {width:30px; height:33px; line-height:33px; text-align:center; border:1px solid #e5e5e6; border-bottom:1px solid #acadaf; background-color:#fff; display:inline-block; margin-left:-4px; color:#45b9e9}
.paginate .direction_pre {border:0; padding:0; width:32px; height:35px; font-weight:bold; font-size:0; color:#373737; line-height:35px;  background:url(/images/common/pagenate_prev.gif); text-indent:-999;}
.paginate .direction_pre:hover,
.paginate .direction_pre:active,
.paginate .direction_pre:focus {background:url(/images/common/pagenate_prev_hover.gif) !important;}
.paginate .direction_nex {border:0;  padding:0; width:32px; height:35px; font-weight:bold; font-size:0; color:#373737; line-height:35px;  background:url(/images/common/pagenate_nex.gif); text-indent:-999;}
.paginate .direction_nex:hover,
.paginate .direction_nex:active,
.paginate .direction_nex:focus {background:url(/images/common/pagenate_nex_hover.gif) !important;}
.paginate span {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/*페이지네이트 타입2*/
.paginate_typ2 {position:relative; margin-top:15px; height:17px; text-align:center;line-height:normal;}
.paginate_typ2  * {display:inline-block; position:relative; font-size:12px; color:#aaa; vertical-align:middle;  background:url(/images/index/page_line.gif) right no-repeat;}
.paginate_typ2  .last{background:none}
.paginate_typ2  a {width:30px; height:17px; line-height:17px; text-align:center; display:inline-block; text-decoration:none}
.paginate_typ2  a:hover,
.paginate_typ2  a:active,
.paginate_typ2  a:focus {color:#000;}
.paginate_typ2  strong {width:30px; height:17px; line-height:17px; text-align:center;  display:inline-block; color:#45b9e9}
.paginate_typ2  .direction_pre {border:0; padding:0; width:17px; height:17px; font-weight:bold; font-size:0; color:#373737; line-height:35px;  background:url(/images/index/pagenate_prev.gif); text-indent:-999;}
.paginate_typ2  .direction_nex {border:0;  padding:0; width:17px; height:17px;font-weight:bold; font-size:0; color:#373737; line-height:35px;  background:url(/images/index/pagenate_nex.gif); text-indent:-999;}
.paginate_typ2  span {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}



/*footer*/
#footer	{position:relative; height:50px; background:url(/images/common/bg_footer.jpg) repeat-x;}
#footer ul.f_ul01	{position:absolute; top:20px; left:25px;}
#footer ul.f_ul02	{position:absolute; top:20px; right:25px;}
#footer ul.footerUl	{display:inline-block}
#footer ul.footerUl	li{float:left; padding:0 10px; background:url(/images/common/bg_footli.gif) right no-repeat;}
#footer ul.footerUl	li.last{background:none;}
#footer ul.footerUl	li a{color:#bbb;}
#footer ul.footerUl	li a:hover{ text-decoration:none}
#footer p.copyright	{ position:absolute; top:20px; left: 50%; margin-left:-129px; color:#bbb}


/*쇼레이어 팝업박스*/
#fade {display:none; background:#000; position:fixed; left: 0; top:0; z-index:20; width: 100%; height:100%; opacity:.30;}
.popup_block{display:none; width:800px; height:auto; position:fixed; top:50%;left:50%; z-index:99999;}
.popup_block .popup_block_topbg{ height:2px; background:url(/images/common/bg_showpop_layer_top.png) no-repeat}
.popup_block .popup_block_content { background-color:#FFF; padding:28px 30px 28px 30px;}
.popup_block .popup_block_botbg{ height:2px; background:url(/images/common/bg_showpop_layer_bot.png) no-repeat}
.btn_close {float:right}
*html #fade {position:absolute}
*html .popup_block {position:absolute}
.popup_block h2	{ clear:both; height:63px; line-height:63px; text-align:center; font-size:24px; letter-spacing:5px}
.popup_block h2	.chk_h2	{margin-left:10px}
/**/
ul.poptopbtnset_A	{ float:left}
ul.poptopbtnset_A	li{ float:left; margin-right:5px;}
ul.poptopbtnset_B	{ float:right}
ul.poptopbtnset_B	li{ float:left; margin-left:5px;}
p.p_boderbox	{ height:88px; border:1px solid #eee;}
.boderboxType_A	{ border:1px solid #eee; padding:15px 20px}
.btnClose_A		{width:16px; height:17px; background:url(/images/common/btn_close_type01.gif) no-repeat; display:inline-block; font-size:0; text-indent:-999; vertical-align:middle;}
.ulstyle_A	{margin-top:2px; overflow:hidden}
.ulstyle_A li{color:#373737; margin-top:10px; letter-spacing:-0.05em; font-size:12px; background:url(/images/common/ico_file.gif) 0 3px no-repeat; padding-left:13px; vertical-align:middle}
.ulstyle_A li a{color:#259fd1; text-decoration:underline;}

.innerlayer_pop{position:relative; width:100%; height:100%;}
.innerlayer_pop .lp_topbg{ height:3px; background:url(/images/common/bg_innerlayer_pop_top.png) repeat}
.innerlayer_pop .lp_content {position:relative; background-color:#FFF; border-left:1px solid #565656; border-right:1px solid #565656;}
.innerlayer_pop .lp_content h3.innerh3 {width:100%; height:33px; line-height:33px; padding:0 20px; background:url(/images/common/bg_inner_h3.jpg) repeat-x; color:#000; font-size:14px}
.innerlayer_pop .lp_content .btn_innerclose{position:absolute; right:21px; top:13px; width:11px; height:11px; background:url(/images/common/btn_innerclose.png) no-repeat; font-size:0; text-indent:-999;}
.innerlayer_pop .lp_content .btn_innerclose a{width:11px; height:11px; display:block}
.innerlayer_pop .lp_content .contentWrap{position:relative; padding:10px 20px; overflow:hidden;}
.innerlayer_pop .lp_botbg{ height:5px; background:url(/images/common/bg_innerlayer_pop_bot.png) repeat}


.srch_area	{position:absolute; width:260px; height:24px; top:50px;}
.srch_area fieldset legend	{float:left; display:block; height:24px; line-height:24px; font-size:12px;}
.srch_area fieldset input	{float:right;}	
ul.peoplelist{margin-top:50px; float:left; width:261px; height:300px; overflow:auto; background-color:#f5f5f5; border:1px solid #ddd; padding:10px 0; display:inline-block;}
ul.peoplelist.pl_type2{margin-top:0; width:auto !important; min-height:1000px; height:auto !important; overflow:auto; background-color:#f5f5f5; border:none !important; padding:0; display:inline-block;}
ul.peoplelist li	{text-indent: 28px; font-size: 13px; padding:3px 0; margin-left: 12px; color:#373737; letter-spacing:-0.05em}
ul.peoplelist li a{color:#373737}
ul.peoplelist li.typ01{ background:url(/images/common/bg_gray_folder01.jpg) 8px 5px no-repeat;}
ul.peoplelist li.typ02a{ font-size:12px; margin-left:28px; text-indent:18px; background:url(/images/common/bg_gray_folder02.jpg) 0 3px no-repeat;}
ul.peoplelist li.typ02b{ font-size:12px; margin-left:28px; text-indent:18px; background:url(/images/common/bg_gray_folder02b.jpg) 0 3px no-repeat;}
ul.peoplelist li.typ03a{ font-size:12px; text-indent:37px; background:url(/images/common/bg_gray_folder03a.jpg) 8px 1px no-repeat; padding-top:1px;}
ul.peoplelist li.typ03b{ font-size:12px; text-indent:37px; background:url(/images/common/bg_gray_folder03b.jpg) 8px 1px no-repeat; padding-top:1px;}
ul.mid_btn	{margin-top:50px; float:left; margin-left:8px; width:55px;}
ul.mid_btn li{margin-bottom:5px;}
ul.mid_btn li a{width:55px; height:24px; line-height:24px; text-align:center; background:url(/images/common/mid_btn_off.jpg) no-repeat; display:block}
ul.mid_btn li.on a,
ul.mid_btn li a:hover{color:#fff; background:url(/images/common/mid_btn_on.jpg) no-repeat; display:block; text-decoration:none}
.right_wrap	{margin-top:15px; width:325px; float:right;}
.right_wrap	.addlist_wrap{margin-top:5px; border-bottom:solid 1px #999;}
.right_wrap	.addlist_wrap .addlist{border-top:solid 1px #eee; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;}
.right_wrap	.addlist_wrap .addlist li{position:relative; height:35px; line-height:35px; background-color:#f5f5f5; margin-bottom:2px; text-indent:15px}
.right_wrap	.addlist_wrap .addlist li.last{margin-bottom:0;}
.right_wrap	.addlist_wrap .posi_close{position:absolute; right:15px; top:8px}

.addlist_wrap{margin-top:5px; width: 340px; min-height:570px; border-top:solid 1px #eee; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;}
.addlist_wrap .addlist{}
.addlist_wrap .addlist li{position:relative; height:35px; line-height:35px; background-color:#f5f5f5; margin-bottom:2px; text-indent:15px; cursor:pointer;}
.addlist_wrap .posi_close{position:absolute; right:15px; top:8px}

/**/
/*쇼레이어 팝업박스*/

.tabstyleD				{ padding:0 0 45px 0; margin-bottom:20px;}
.tabstyleD ul			{ position:relative; margin:0; padding:0; border-bottom:1px solid #b2b2b2; *zoom:1}
.tabstyleD ul:after		{ display:block; clear:both; content:""}
.tabstyleD li			{ float:left; margin:0 -1px; background:#fff; width:25%; border:1px solid #e5e5e5; border-bottom:0; border-top:1px solid #f5f5f5}
.tabstyleD li a,
.tabstyleD li a span	{ position:relative; cursor:pointer}
.tabstyleD li a			{ float:left; text-decoration:none; width:100%; text-align:center}
.tabstyleD li a span	{ display:inline-block; padding:8px 25px; color:#666}
.tabstyleD li ul		{ display:none; overflow:hidden; position:absolute; top:31px; left:0; width:100%; border:0; border-bottom:1px solid #e5e5e5; margin:0; padding:0; white-space:nowrap; list-style:none; *zoom:1}
.tabstyleD li ul:after	{ display:block; clear:both; content:""}
.tabstyleD li li		{ overflow:visible; position:relative; left:0; width:100%; border:0; margin:0; padding:0}
.tabstyleD li li a		{ padding:0; margin:0; font-weight:normal; color:#666}
.tabstyleD.m1 .m1,
.tabstyleD.m2 .m2,
.tabstyleD.m3 .m3,
.tabstyleD.m4 .m4		{ padding-bottom:1px; padding-right:1px; background-color:#5a5a5a; border:0}
.tabstyleD.m1 .m1 a span,
.tabstyleD.m2 .m2 a span,
.tabstyleD.m3 .m3 a span,
.tabstyleD.m4 .m4 a span{ padding-top:8px; padding-bottom:8px; color:#fff; font-weight:bold}
.tabstyleD.m1 .m1 ul,
.tabstyleD.m2 .m2 ul,
.tabstyleD.m3 .m3 ul,
.tabstyleD.m4 .m4 ul	{ display:block}

.tabInnerContent		{ position:relative; font-size:13px; padding:15px; border:1px solid #d5d5d5; border-bottom:1px solid #b2b2b2}
.tabInnerContent p		{ width:85%}
.tabInnerContent span	{ position:absolute; top:15px; right:15px}
.tabInnerContent span a	{ display:inline-block; text-indent:-9999px}
.tabInnerContent a.star	{ width:17px; height:13px; background:url(/images/common/icon_starW.png) no-repeat}
.tabInnerContent a.attach{ width:19px; height:14px; background:url(/images/common/icon_attach.png) center no-repeat}
.tabInnerContent a.camera{ width:23px; height:13px; background:url(/images/common/icon_camera.png) center no-repeat}

.tabstyleD .tab_form_list ul		{ display:block; overflow:hidden; position:relative; top:0px; left:0; width:100%; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2;  margin:0; padding:0; white-space:nowrap; list-style:none; *zoom:1}
.tabstyleD .tab_form_list ul:after	{ display:block; clear:both; content:""}
.tabstyleD .tab_form_list li		{ overflow:visible; position:relative; left:0; width:100%; border:0; margin:0; padding:0}
.tabstyleD .tab_form_list li a		{ float:left; text-decoration:none; width:100%; text-align:left; padding-bottom:10px; margin:0; font-weight:normal; color:#666}
.tabstyleD .tab_form_list .tabInnerContent2		{ position:relative; font-size:13px; padding:5px;}
.tabstyleD .tab_form_list .tabInnerContent2 p		{ width:85%}
.tabstyleD .tab_form_list .tabInnerContent2 span	{ position:absolute; top:15px; right:15px}
.tabstyleD .tab_form_list .tabInnerContent2 span a	{ display:inline-block; text-indent:-9999px}
.tabstyleD .tab_form_list .tabInnerContent2 a.from	{ }
.tabstyleD .tab_form_list .tabInnerContent2 a.write	{ margin-bottom:10px; width:17px; height:13px; background:url(/images/common/btn_modi_reply.gif) no-repeat}


.tabstyleE				{ padding:0 0 0px 0; margin-bottom:0px;}
.tabstyleE ul			{ position:relative; margin:0; padding:0; border-bottom:1px solid #b2b2b2; *zoom:1}
.tabstyleE ul:after		{ display:block; clear:both; content:""}
.tabstyleE li			{ float:left; margin:0 -1px; background:#fff; width:25%; border:1px solid #e5e5e5; border-bottom:0; border-top:1px solid #f5f5f5}
.tabstyleE li a,
.tabstyleE li a span	{ position:relative; cursor:pointer}
.tabstyleE li a			{ float:left; text-decoration:none; width:100%; text-align:center}
.tabstyleE li a span	{ display:inline-block; padding:8px 25px; color:#666}
.tabstyleE li ul		{ display:none; overflow:hidden; position:absolute; top:31px; left:0; width:100%; border:0; border-bottom:1px solid #e5e5e5; margin:0; padding:0; white-space:nowrap; list-style:none; *zoom:1}
.tabstyleE li ul:after	{ display:block; clear:both; content:""}
.tabstyleE li li		{ overflow:visible; position:relative; left:0; width:100%; border:0; margin:0; padding:0}
.tabstyleE li li a		{ padding:0; margin:0; font-weight:normal; color:#666}
.tabstyleE.m1 .m1,
.tabstyleE.m2 .m2,
.tabstyleE.m3 .m3,
.tabstyleE.m4 .m4		{ padding-bottom:1px; padding-right:1px; background-color:#5a5a5a; border:0}
.tabstyleE.m1 .m1 a span,
.tabstyleE.m2 .m2 a span,
.tabstyleE.m3 .m3 a span,
.tabstyleE.m4 .m4 a span{ padding-top:8px; padding-bottom:8px; color:#fff; font-weight:bold}
.tabstyleE.m1 .m1 ul,
.tabstyleE.m2 .m2 ul,
.tabstyleE.m3 .m3 ul,
.tabstyleE.m4 .m4 ul	{ display:block}

.thumb_list_wrap { border:1px solid #dfdfdf; overflow-wrap:break-word; word-break:break-all; word-wrap:break-word; overflow:hidden; }
.thumb_list_wrap_1 { border-top:1px solid #dfdfdf; overflow-wrap:break-word; word-break:break-all; word-wrap:break-word;}

.thumb_list_1 ul			{ margin:0; padding:0; font-size:13px; list-style:none;}
.thumb_list_1 li			{ float:left; width:25%; padding:5px 0 5px 0; margin:0 0 -1px 0; border:0px solid #dfdfdf; border-left:0; border-right:0; vertical-align:top; *zoom:1}
.thumb_list_1 li:after	{ display:block; clear:both; content:""}
.thumb_list_1 li:hover	{ background-color:#f5f5f5}
.thumb_list_1 a			{ text-decoration:none; cursor:pointer; color:#000; line-height:14px}
.thumb_list_1 .title	{ font-size:13px; font-weight:bold; vertical-align:top; line-height:14px}
.thumb_list_1 .icon		{ margin-left:10px; vertical-align:middle}
.thumb_list_1 .icon img	{ margin-right:5px}
.thumb_list_1 p			{ margin:8px 8px 0 10px; font-size:13px; color:#666; line-height:18px}
.thumb_list_1 p.spot		{ margin:13px 0 7px 10px; font-size:12px; color:#999; line-height:11px; letter-spacing:0}
.thumb_list_1 p.spot span	{ margin-left:7px}

.thumb_list_2 ul			{ margin:0; padding:0; font-size:13px; list-style:none; }
.thumb_list_2 li			{position:relative; padding:5px 0 5px 0; margin:0 0 -1px 0; border:1px solid #dfdfdf; border-top:0; vertical-align:top; *zoom:1}
.thumb_list_2 li:after	{ display:block; clear:both; content:""}
.thumb_list_2 li:hover	{ background-color:#f5f5f5}
.thumb_list_2 a			{ text-decoration:none; cursor:pointer; color:#000; line-height:14px}
.thumb_list_2 .title	{ font-size:13px; font-weight:bold; vertical-align:top; line-height:14px}
.thumb_list_2 .icon		{ margin-left:10px; vertical-align:middle}
.thumb_list_2 .icon img	{ margin-right:5px}
.thumb_list_2 p			{ margin:8px 8px 0 10px; font-size:13px; color:#666; line-height:18px}
.thumb_list_2 p.spot		{ margin:13px 0 7px 10px; font-size:12px; color:#999; line-height:11px; letter-spacing:0}
.thumb_list_2 p.spot span	{ margin-left:7px}
.thumb_list_2 .menu		{ font-size:13px; font-weight:bold; color:#2F57AA;}

/* 검색결과리스트 */
.ser_list				{ position:relative; width:100%; margin-top:10px; border-top:1px solid #eee; border-bottom:1px solid #b2b2b2; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5}
.ser_list .contentArea	{ position:relative; padding:0; border-bottom:1px solid #e5e5e5;}
.reviw_count			{ display:block; margin:12px 0 12px 10px; font-size:13px; color:#666}
.thumb_list ul			{ margin:0; padding:0; font-size:13px; list-style:none}
.thumb_list li			{ position:relative; padding:27px 0; margin:0 0 -1px 0; border:1px solid #dfdfdf; border-left:0; border-right:0; vertical-align:top; *zoom:1}
.thumb_list li:after	{ display:block; clear:both; content:""}
.thumb_list li:hover	{ background-color:#f5f5f5}
.thumb_list a			{ text-decoration:none; cursor:pointer; color:#000; line-height:14px}
.thumb_list .title		{ font-size:13px; font-weight:bold; vertical-align:top; line-height:14px}
.thumb_list .icon		{ margin-left:10px; vertical-align:middle}
.thumb_list .icon img	{ margin-right:5px}
.thumb_list p			{ margin:8px 8px 0 10px; font-size:13px; color:#666; line-height:18px}
.thumb_list p.spot		{ margin:13px 0 7px 10px; font-size:12px; color:#999; line-height:11px; letter-spacing:0}
.thumb_list p.spot span	{ margin-left:7px}
.aLinkInline			{ font-size:13px; padding:10px 0 10px 10px; border:1px solid #eee; border-left:0; border-right:0}
.aLinkInline a			{ margin-right:7px}
.aLinkInline .on		{ color:#000; font-weight:bold}
.aLinkInline .help		{ margin-left:-7px; display:inline-block; width:16px; height:15px; background:url(/images/common/icon_question.png) no-repeat; text-indent:-9999px}
/* Search */
.search			{ margin:15px 0; padding:0; text-align:center}
.search			*{ font-size:12px}
.search fieldset{ margin:0; padding:0; border:0}
.search legend	{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden}
.search select	{ vertical-align:middle; height:28px; margin:0}
.search .item	{ display:inline-block; position:relative; vertical-align:middle}
.search .iLabel	{ position:absolute; top:8px; *top:3px; left:5px; color:#767676; white-space:nowrap}
.search .iText	{ position:relative; padding:4px 5px; *margin:-1px 0; color:#333; width:250px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent}
.search .btnSearch button{ position:relative; display:inline-block; vertical-align:middle; width:46px; height:28px; border:0; overflow:visible; background:url(/images/common/btn_search2.png) no-repeat; white-space:nowrap; cursor:pointer}
.search .btnSearch button{ font-size:14px; color:#fff; font-weight:bold; line-height:18px}

ul.btn_post_list{position:absolute; top:87px; right:10px; padding-left:2px; width:68px; height:24px; display:block; background:url(/images/index/btn_post_list.jpg) no-repeat; font-size:0; text-indent:-9999;}
ul.btn_post_list li{float:left; margin: 1px 1px;}
ul.btn_post_list li a{ width:20px; height:22px; display:block;}

/* 2018-10-01 인재프로필 table */
.clfix {*zoom:1}
.clfix:after {content:"";display:block;clear:both;}
.profile_wrap .fl_l {float:left;}
.profile_wrap {padding:0 20px 20px 20px}
.profile_wrap .title {margin-top:20px;height:36px;border:1px solid #dcdcdc;border-bottom:none;background:#f9f9f9;}
.profile_wrap .title h2 {background:url("/Images/common/ico_dot01.png") no-repeat 15px 16px;font-size:12px;font-weight:bold;line-height:36px;padding-left:22px;}
.profile_wrap .title h2 span {font-weight:normal;font-size:11px;}
.profile_wrap .date {margin-top:20px;}

.profile_wrap .profile_box {position:relative; }
.profile_wrap .profile_photo {position:absolute;top:0;left:0;width:140px;height:100%;padding-top:15px;background:#ffffff;border:1px solid #dcdcdc;border-right:none;text-align:center;box-sizing:border-box;}
.profile_wrap .profile_photo img {border:1px solid #dcdcdc;}

.profile_wrap .sub_con {padding:15px;border:1px solid #dcdcdc;}
.profile_wrap .profile_box .sub_con {margin-left:140px;}
.profile_wrap .tbl_profile {width: 100%; border-spacing: 0; table-layout: fixed;border:1px solid #dcdcdc; border-collapse:collapse}
.profile_wrap .tbl_profile .def_td_subject {background:#f9f9f9;height:26px;color:#4a4a4a;border:1px solid #eaeaea; padding:5px 15px 5px 0;text-align:right}
.profile_wrap .tbl_profile td {border:1px solid #eaeaea;padding:6px 13px;}
.profile_wrap .tbl_profile td select,
.profile_wrap .tbl_profile td .inputtxt_m {height:22px;border:1px solid #c3c3c3;}
.profile_wrap .tbl_profile td .inputtxt_m {padding:0 10px;}
.profile_wrap .tbl_profile td select {height:24px;}
.profile_wrap .textarea_box {padding-right:20px;}
.profile_wrap  textarea {background:#fff;padding:10px;border:1px solid #c3c3c3;}
.profile_wrap button {background:#fff; padding:0px 12px; height:24px; line-height:24px;border:1px solid #c9cac9;outline:0; color:#4a4a4a !important; cursor:pointer;}
.profile_wrap button:hover {border:1px solid #1088e3;background:#fff;}
.profile_wrap button:active {border:1px solid #1088e3;background:#f4f9fe;}
.profile_wrap button:focus {box-shadow:none;}

.profile_wrap .btn_right {float:right;padding:10px 0;text-align:right;}
.profile_wrap .search_box {position:relative; width:100%; padding:10px 15px; margin-top:20px;background:#f0f6fd;border:1px solid #dcdcdc;box-sizing:border-box;}
.profile_wrap .search_box table {width: 100%; border-spacing: 0; table-layout: fixed; border-collapse:collapse}
.profile_wrap .search_box table td {padding:3px 0}
.profile_wrap .search_box table td .inputtxt_m {height:22px;border:1px solid #c3c3c3;}
.profile_wrap .search_box table td .inputtxt_m {padding:0 10px;}
.profile_wrap .search_box table td select {height:24px;border:1px solid #c3c3c3;}

.profile_wrap .search_result {position:relative;}
.profile_wrap .search_result #empinfo {position:absolute;top:0;left:0;width:280px;height:100%;padding:15px;border:1px solid #dcdcdc;box-sizing:border-box;}
.profile_wrap .search_result #profile {margin-left:295px;}

.profile_wrap .search_result #authemp {position:absolute;top:3px;left:1px;width:35%;height:100%;padding:15px;border:1px solid #dcdcdc;box-sizing:border-box;}
.profile_wrap .search_result #deptinfo {position:absolute;top:3px;right:1px;width:64%;height:100%;padding:15px;border:1px solid #dcdcdc;box-sizing:border-box;}
.profile_wrap .search_result #groupinfo {position:absolute;top:3px;left:1px;width:25%;height:100%;padding:15px;border:1px solid #dcdcdc;box-sizing:border-box;}
.profile_wrap .search_result #empinfo2 {position:absolute;top:3px;right:1px;width:74%;height:100%;padding:15px;border:1px solid #dcdcdc;box-sizing:border-box;}