@CHARSET "UTF-8";

/* reset.css 추가 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,article, aside, canvas, details, figcaption, figure,footer, header, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body {height:100%;}
table{border-collapse:collapse;}
table caption{display:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* 20130205추가 링크 밑줄 삭제 */
a {text-decoration:none;}

/* 버튼 초기화 */
button {margin:0;padding:0;border:none;}

/* reset.css 추가 :END */
html,body {margin:0 !important;padding:0 !important;color:#000000 !important;scrollbar-face-color:#fafafa;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#C0C0C0;scrollbar-darkshadow-color:#dcdcdc;scrollbar-shadow-color:#dcdcdc;scrollbar-arrow-color:#dcdcdc;scrollbar-track-color:#fafafa;font-size:12px;font-family:Malgun Gothic,"돋움",Dotum,Meiryo UI,arial,Sans-serif;}
td,th {vertical-align:middle;}
em {font-style:italic;}

/* 인풋박스 */

input[type="checkbox"] {width:13px;height:13px;vertical-align:middle; position:relative; top:0px; padding:0; margin:0; }
input[type="radio"] {width:13px;height:13px;vertical-align:middle; position:relative; top:-1px; padding:0; margin:0;}

/*.content_header input[type="checkbox"] {width:13px;height:13px;vertical-align:middle; position:relative; top:-1px; padding:0; margin-right:3px; }*/

/* 링크color 설정 */
/* 기본 페이지 color */
a:link {color:#000000;}
a:hover {text-decoration: none;}
a:active {color:#000000;}
a:visited {color:#000000;}
a:focus {color:#000000;font-weight:bold;}

/* 버튼설정 공통 */
button {cursor:pointer;	_cursor:hand;}

/* 버튼, 텍스트영역 라인제거 */
button:focus {outline:none;}
textarea:focus {outline:none;}

/* 글자 설정 공통 */
.txt.now {color:#000000;font-weight:bold;}
.txt {color:#000000;}
.txt.strong {font-weight:bold;}
.txt.orange {color:#cd4509;}
.txt.green {color:#21a521;}
.txt.red {color:#950000;}
.txt.darkred {color:#720000;}
.txt.under {text-decoration:underline;}
.txt.small {font-size:11px;}
.txt.black {color:#333333;}
.txt.gray {color:#555555;}
.txt.lightgray {color:#aaa;}
.txt.blue {color:#004e64;}
.txt.white {color:#fff;}
.txt.whitegray {color:#e4e4e4;}
.txt.yellow {color:#ffcc00;}
.txt.pd_0_10 {padding:0 10px;}
.txt.pd_b5 {padding-bottom:5px;}
.txt.pd_r10 {padding-right:10px;}
.txt.pd_l10 {padding-left:10px;}
.txt.pd_r20 {padding-right:20px;}
.txt.pd_l20 {padding-left:20px;}
.txt.mg_t10 {margin-top:10px;display:block;}
.txt.lft {text-align:left;}
.txt.rt {text-align:right;}
.txt.center {text-align:center;}
.txt.size14 {font-size:14px;}
.txt.size16 {font-size:16px;}
.txt.ul {border-bottom:1px solid #ccc;}
.txt.category {color:#ababab;}
.txt.shadow_uk {text-shadow:0 -1px 0 rgba(0,0,0,1)}
.txt.list_title {display:block;}
.txt.align_left {text-align:left;}
.txt.align_right {text-align:right;}

.lh12 {line-height:120%}
.lh14 {line-height:140%}
.lh16 {line-height:160%}
.lh18 {line-height:180%}

/* 여백 공통 선언 */
.mg_l10 {display:block;margin-left:10px;border:1px solid #000;}
.mg_l20 {margin-left:20px;}
.mg_r10 {margin-right:10px;}
.mg_r20 {margin-right:20px;}
.mg_b10 {margin-bottom:10px;}

/* png이미지 처리 css */
.png24 {tmp:expression(setPng24(this));}

/* 글자 숨김 */
.blind {position:absolute;left:-10000px;}

/* 라인 바 스타일 */
.txt_bar {
	width: 1px;
	height: 13px;
	margin: 0px 0px -2px 2px;
	background-color: #e5e5e5;
	display: inline-block;
}

.bar {
	font-size: 11px;
	color: #c3c3c3;
	margin: 0px 1px 0px 0px;
}

/* quick menu */
.quick_menu {
	position: absolute;
	right: 0px;
	top: 25px;
	width: 50px;
	height: 45px;
	border-left: 1px solid #e6e6e6;
	background: #f7f7f7;
}

.quick_menu:hover {background: #f1f1f1;}
.quick_menu.hide {text-align:center;}
.quick_menu.show {height:64px;border-bottom:1px solid #000;display:none;}



/* 스킨 적용

bk :black

r :red

g :green

p :purple

b :blue

gy :gray */

.quick_menu.show.bk {background:url(../../images/common/quickmenu_bg_bk.png) repeat-x;}
.quick_menu.show.gy {background:url(../../images/common/quickmenu_bg_gy.png) repeat-x;}
.quick_menu.show.r {background:url(../../images/common/quickmenu_bg_r.png) repeat-x;}
.quick_menu.show.b {background:url(../../images/common/quickmenu_bg_b.png) repeat-x;}
.quick_menu.show.g {background:url(../../images/common/quickmenu_bg_g.png) repeat-x;}
.quick_menu.show.p {background:url(../../images/common/quickmenu_bg_p.png) repeat-x;}


.quick_menu.show .quick_menu_config {position:absolute;right:20px;top:18px;}
.quick_menu.show .quick_menu_title {background:url(../../images/common/quickmenu_title.png) no-repeat;width:186px;text-align:center;padding-top:49px;position:absolute;left:50%;margin-left:-93px;}
.quick_menu.show .quick_menu_list {margin:0 auto;width:800px;}
.quick_menu.show .quick_menu_list ul li {float:left;width:100px;text-align:center;}
.quick_menu.show .quick_menu_list ul li .quickmenu_subject {display:block;color:#fff;font-weight:bold;text-shadow:0 -1 0 0 black;}
.quick_menu.show .quick_menu_list ul li .quickmenu_subject {display:block;color:#fff;font-weight:bold;text-shadow:0 -1 0 0 black;}
.quick_menu.show .quick_menu_list ul .quick_right {margin-left:200px;}
.ico.quick {display:inline-block;background:url(../../images/common/ico_quick.png) no-repeat;width:50px;height:30px;margin-top:10px;}
.ico.quick.write {background-position:0 -10px;}
.ico.quick.mail {background-position:-50px -10px;}
.ico.quick.mail_submit {background-position:-100px -10px;}
.ico.quick.add {background-position:-150px -10px;}


/* 전체 영역 */



/* 상단 영역 공통 */

/* .header {position:reative;width:100%;height:125px;z-index:2;} */

/* .header {width:100%;height:135px;z-index:2;} sunggyu */

.icon_public {background:url(../../images/common/public_icon.png) no-repeat;}

.top_area {height:25px;}

/* 좌상단 CI */

.top_area .left_top_ci {padding:13px 0 0 20px;position: absolute;top: 25px;}



/* 우상단 메뉴 언어설정 포함 */

.top_area ul.right_menu {position:absolute;right:0px;top:0px;}
.top_area ul.right_menu > li{float:left;}
.top_area ul.right_menu > li > a {display:inline-block;padding: 0 10px;height: 25px;line-height: 22px;}
.top_area ul.right_menu > li > a:focus {font-weight:normal;}
.top_area ul:after {content:"";display:block;clear:both;}
.top_area ul .top_menu {vertical-align:top;color:#fff;border-left:1px solid rgba(255,255,255,0.2);height: 25px;}
.top_area ul .top_menu span{color:#fff;font-size: 12px;}

.top_area ul .icon_public.top_memo {
	padding: 0px 15px 3px 0px;
	background-position: -221px -28px;
	margin: 0px 0px 0px 3px;
}


.top_area ul .top_menu.sms .icon_public.sms {
	display: inline-block;
	padding-left: 13px;
	width: 4px;
	height: 17px;
	background-position: -259px -2px;
	vertical-align: middle;
}

.top_area ul .top_menu.start .icon_public.front {
	display: inline-block;
	padding-left: 13px;
	width: 6px;
	height: 15px;
	background-position: -184px -3px;
	vertical-align: middle;
}


.top_area ul .top_menu.logout .icon_public.logout {
	display: inline-block;
	padding-left: 13px;
	width: 7px;
	height: 16px;
	background-position: -240px -3px;
	vertical-align: middle;
}

.top_area ul .top_menu.help .icon_public.help {
	display: inline-block;
	padding-left: 13px;
	width: 7px;
	height: 16px;
	background-position: -221px -3px;
	vertical-align: middle;
}

.top_area ul .top_menu.select {
	position: relative;
}

.top_area ul .top_menu.select .languageset {
	margin-right: 10px;
	padding: 0 14px 0 10px;
	background: url(../../images/common/ico_arrow_wh.png) no-repeat right center;
}

.top_area ul .top_menu.select .languageset .icon_public.lang {
	display: inline-block;
	padding-left: 13px;
	width: 4px;
	height: 16px;
	background-position: -202px -3px;
	vertical-align: middle;

	
}


.top_area ul .top_menu.select div {
	position: absolute;
	top: 25px;
	left: -1px;
	border: 1px solid #e1e1e1;
	background: #fff;
	z-index: 2;
	width:100px;

}

.top_area ul .top_menu.select li{
	border-bottom: 1px solid #eee;
	height: 21px;
}

.top_area ul .top_menu.select li:hover{
	background: #f9f9f9;
}

.top_area ul .top_menu.select li:last-child{
	border-bottom: none;
}

.top_area ul .top_menu.select div a {
	color:#555555;
	display: block;
	margin-left: 10px;
	line-height: 19px;
}

.top_area ul .top_menu.select div .icon_public.ko {
	background-position: -160px -85px;
	width: 18px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

.top_area ul .top_menu.select div .icon_public.en {
	background-position: -181px -85px;
	width: 18px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

.top_area ul .top_menu.select div .icon_public.zh {
	background-position: -202px -85px;
	width: 18px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

.top_area ul .top_menu.select div .icon_public.ja {
	background-position: -223px -85px;
	width: 18px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}


/* 개인정보 */

.top_area ul.right_menu .profile {position:relative;}

.top_area ul.right_menu .profile .profile_detail {

}

.top_area ul.right_menu .profile .profile_detail a {
	display: inline-block;
	padding: 0 14px 0 10px;
	height: 25px;
	background: url(../../images/common/ico_arrow_wh.png) no-repeat right center;
	margin-right: 10px;
}

.top_area ul.right_menu .profile .profile_detail .icon_public.user {
	width: 19px;
	height: 22px;
	background-position: -160px 3px;
	display: inline-block;
}

.top_area ul.right_menu .profile .profile_detail .user_name {
	font-size:12px;
	font-weight: bold;
	color:#fff;
	display: inline-block;
	vertical-align: top;
	line-height: 23px;
}

.top_area ul.right_menu .profile .profile_detail .gb_tb {
	border-color: transparent;
	border-style: dashed dashed solid;
	border-width: 0 5.5px 5.5px;
	position: absolute;
	left: 36px;
	z-index: 2;
	height: 0;
	width: 0;
	animation: gb__a .2s;
	border-bottom-color: rgba(0,0,0,.2);
	top: 20px;
}

.top_area ul.right_menu .profile .profile_detail .gb_sb {
	border-color: transparent;
	border-bottom-color: #fff;
	border-style: dashed dashed solid;
	border-width: 0 5.5px 5.5px;
	position: absolute;
	left: 36px;
	top: 20px;
	z-index: 3;
	height: 0px;
	width: 0;
}

.top_area ul.right_menu .profile .info {
	padding:15px;
	height: 50px;
	border-bottom: 1px solid #e6e6e6;
}

.top_area ul.right_menu .profile .pop_profile {
	position: absolute;
	top: 25px;
	left: -90px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	min-width: 265px;
	z-index: 1;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.top_area ul.right_menu .profile .pop_profile .user_name {
	display: inline-block;
	vertical-align: top;
}

.top_area ul.right_menu .profile .pop_profile .icon_public.pic{
	width: 50px;
	height: 51px;
	background-position: -160px -28px;
	float:left;
}

.top_area ul.right_menu .profile .pop_profile .con{
	float:left;
	line-height: 17px;
	margin-left: 8px;
	width: 170px;
}

.top_area ul.right_menu .profile .pop_profile .con .user_name a:hover{
	text-decoration: underline;
}

.top_area ul.right_menu .profile .pop_profile .user_name a {
	font-size:13px;
	color:#333333;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100px;
	vertical-align: middle;
	margin-top: -3px;
}

.top_area ul.right_menu .profile .pop_profile #newMemoCount {
	color:#1b74d0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	max-width: 28px;
	position: relative;
	top: -1px;
}

.top_area ul.right_menu .profile .pop_profile #newMemoCount:hover {
	text-decoration: underline;
}

.top_area ul.right_menu .profile .pop_profile .con .user_email{
	color:#777777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 175px;
}

.top_area ul.right_menu .profile .pop_profile .con .user_time{
	color:#666666;
}

/* 개인정보 팝업_스킨변경 */

.top_area ul.right_menu .profile .pop_profile .skin_set {
	width: 100%;
	text-align: center;
}

.top_area ul.right_menu .profile .pop_profile .skin_set .skin_list{
	margin: 12px auto;
	width: 153px;
	overflow: hidden;
	padding-left: 4px;
}

.top_area ul.right_menu .profile .pop_profile .skin_set .skin_list li {
	float: left;
	display: block;
}

.ico_color_layout {
	display: block;
	width: 13px;
	height: 13px;
	margin-right: 4px;
	border-radius: 13px;
}

.color_layout01 {background:#333333;}
.color_layout02 {background:#555c67;}
.color_layout03 {background:#20bb47;}
.color_layout04 {background:#00c1b0;}
.color_layout05 {background:#1db3dc;}
.color_layout06 {background:#249bec;}
.color_layout07 {background:#1b74d0;}
.color_layout08 {background:#6475de;}
.color_layout09 {background:#df4d4d;}



/* 우상단 메뉴 언어설정 미포함 nonselect 추가  */

.top_area ul.right_menu.nonselect {position:absolute;right:0px;top:0px;}
.top_area ul.right_menu.nonselect > li{float:left;}
.top_area ul.right_menu.nonselect > li > a {display:inline-block;padding: 0 10px;height: 25px;line-height: 22px;}

.top_area ul.right_menu.nonselect .top_menu.select {
	display:none;
	position: relative;
}

/* 개인정보 */
.top_area ul.right_menu.nonselect .profile {position:relative;}

.top_area ul.right_menu.nonselect .profile .profile_detail {

}

.top_area ul.right_menu.nonselect .profile .profile_detail a {
	display : inline-block;
	padding: 0 14px 0 10px;
	height: 25px;
	background: url(../../images/common/ico_arrow_wh.png) no-repeat right center;
	margin-right: 10px;
}

.top_area ul.right_menu.nonselect .profile .profile_detail .icon_public.user {
	width: 19px;
	height: 22px;
	background-position: -160px 3px;
	display: inline-block;
}

.top_area ul.right_menu.nonselect .profile .profile_detail .user_name {
	font-size:11px;
	font-weight: bold;
	color:#fff;
	display: inline-block;
	vertical-align: top;
	line-height: 23px;
}

.top_area ul.right_menu.nonselect .profile .profile_detail .gb_tb {
	border-color: transparent;
	border-style: dashed dashed solid;
	border-width: 0 8.5px 8.5px;
	position: absolute;
	left: 36px;
	z-index: 2;
	height: 0;
	width: 0;
	animation: gb__a .2s;
	border-bottom-color: rgba(0,0,0,.2);
	top: 19px;
}

.top_area ul.right_menu.nonselect .profile .profile_detail .gb_sb {
	border-color: transparent;
	border-bottom-color: #fff;
	border-style: dashed dashed solid;
	border-width: 0 8.5px 8.5px;
	position: absolute;
	left: 36px;
	top: 19px;
	z-index: 3;
	height: 0px;
	width: 0;
}

.top_area ul.right_menu.nonselect .profile .info {
	padding:15px;
	height: 50px;
	border-bottom: 1px solid #e6e6e6;
}

.top_area ul.right_menu.nonselect .profile .pop_profile {
	position: absolute;
	top: 25px;
	left:-90px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	min-width: 265px;
	z-index: 1;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .user_name {
	display: inline-block;
	vertical-align: top;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .icon_public.pic{
	width: 50px;
	height: 51px;
	background-position: -160px -28px;
	float:left;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .con{
	float:left;
	line-height: 17px;
	margin-left: 8px;
	width: 170px;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .con .user_name a:hover{
	text-decoration: underline;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .user_name a {
	font-size:13px;
	color:#333333;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100px;
	vertical-align: middle;
}

.top_area ul.right_menu.nonselect .profile .pop_profile #newMemoCount {
	color:#1b74d0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	max-width: 28px;
	position: relative;
	top: -1px;
}

.top_area ul.right_menu.nonselect .profile .pop_profile #newMemoCount:hover {
	text-decoration: underline;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .con .user_email{
	color:#777777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 175px;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .con .user_time{
	color:#666666;
}

/* 개인정보 팝업_스킨변경 */

.top_area ul.right_menu.nonselect .profile .pop_profile .skin_set {
	width: 100%;
	text-align: center;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .skin_set .skin_list{
	margin: 12px auto;
	width: 153px;
	overflow: hidden;
	padding-left: 4px;
}

.top_area ul.right_menu.nonselect .profile .pop_profile .skin_set .skin_list li {
	float: left;
	display: block;
}





/* 언어설정 셀렉트박스 공통사용 */

/* 2013년 1월 23일 추가. 셀렉트 박스 추가 */

.select{display:inline-block;*display:inline;line-height:normal;vertical-align:middle;*zoom:1;color:#333;}

select {margin:0;padding:1px; font-size:12px;cursor:pointer; vertical-align:middle;}

/* .select .my_value{ overflow:visible;position:relative;top:0;left:0;z-index:2;border:1px solid #bababa;background:transparent;color:#666;text-align:left;line-height:19px;_line-height:normal}

.select .my_value.selected{}

.select.open .my_value,

.select .my_value.outLine{ border:1px solid #999}

.select button.my_value{ width:100%;height:21px;*padding-left:5px;text-indent:5px;*text-indent:0}

.select div.my_value{ height:19px;text-indent:8px}

.select .ctrl{ position:absolute;top:0;right:0;width:18px;height:19px;border:1px solid #bababa;border-left:1px solid #ddd;background:#f5f5f5;}

.select .arrow{ position:absolute;width:0;height:0;top:9px;right:6px;border-top:3px solid #999;border-left:3px solid #eee;border-right:3px solid #fff;font-size:0;line-height:0}

.select ul{ overflow:hidden;position:absolute;top:20px;left:0;width:100%;border:0;border-top:1px solid #bababa;border-bottom:1px solid #bababa;background:#fff;list-style:none;z-index:3;}

.select ul.a_list{display:none;}

.select.open ul.a_list{ display:block}

.select ul.i_list{ left:-2000%}

.select.open ul.i_list{ left:0}

.select li{ overflow:hidden;position:relative;height:18px;border-left:1px solid #bababa;border-right:1px solid #bababa;white-space:nowrap}

.select li input.option{ position:absolute;width:100%;height:20px;line-height:20px}

.select li label{ position:absolute;top:0;left:0;width:100%;height:18px;background:#fff;color:#767676;line-height:18px;text-indent:8px;*text-indent:6px}

.select li a{ display:block;height:18px;background:#fff;color:#767676;line-height:18px;text-indent:8px;*text-indent:6px;text-decoration:none}

.select li.hover *{ background:#999;color:#fff}

.select_go{ overflow:visible;height:21px;width:28px;*margin:-1px 0 -1px 4px;padding:0;border:1px solid #bababa;background:#eee;font:bold 11px Tahoma;color:#767676;line-height:19px;_line-height:normal;vertical-align:middle;cursor:pointer} */



/* Design InputBox 20130312 추가 */

.design_input {border:1px solid #cecece;height:22px;vertical-align:middle;padding: 1px 0 1px 5px;/*box-shadow:0px 1px 3px 0px rgba(0,0,0,.2) inset;*/}

.design_input.full {width:100%;}

.design_input.default {width:150px;}

.design_input.short {width:100px;}

.design_input.vshort {width:50px;}

.design_input.y {background:#fff;}

.design_input.mg_r33 {margin-right:33px;}

label.design_label {position:relative;}

label.design_label span {position:absolute;left:10px;top:1px;font-size:14px;color:#aaa;}

.nav.new {background:#454545;}
.nav.new.bk {background:#323232;}
.nav.new.r {background:#df4d4d;}
.nav.new.g {background:#23b53a;}
.nav.new.p {background:#7b48e1;}
.nav.new.b {background:#1c82b8;}
.nav.new.gy {background:#6f6f6f;}


/* 공통 네비게이션 */

.header .nav {height:45px;background-color: #f7f7f7;border-bottom: 1px solid #e6e6e6;line-height: 44px;}

.nav .center_div {margin-left:235px;}

.nav ul:after {content:"";display:block;clear:both;}
.nav .main_nav {float:left;}
.nav .center_div li {padding:0 10px;}
.nav .main_nav span {display:inline-block;}
.nav .main_nav .label {font-size:14px;font-weight:bold;color:#777;}

.nav .center_div li .icon_public.gnb_mail {
	background-position: -2px -1px;
	width:18px;
	height:15px;
	position: relative;
	top: 2px;
}

.nav .center_div li .icon_public.gnb_work {
	background-position: -22px -1px;
	width:18px;
	height:15px;
	position: relative;
	top: 2px;
	margin-right: 2px;
}

.nav .center_div li .icon_public.gnb_address {
	background-position: -39px -2px;
	width:18px;
	height:15px;
	position: relative;
	top: 3px;
}
.nav .center_div li .icon_public.gnb_webhard {
	background-position: -59px -2px;
	width:18px;
	height:15px;
	position: relative;
	top: 2px;
}
.nav .center_div li .icon_public.gnb_calendar {
	background-position: -80px -1px;
	width:17px;
	height:16px;
	position: relative;
	top: 3px;
}
.nav .center_div li .icon_public.gnb_board {
	background-position: -100px -2px;
	width:15px;
	height:15px;
	position: relative;
	top: 3px;
}
.nav .center_div li .icon_public.gnb_config {
	background-position: -117px -1px;
	width:18px;
	height:16px;
	position: relative;
	top: 3px;
}
.nav .center_div li .icon_public.gnb_security {
	background-position: -136px -1px;
	width:16px;
	height:16px;
	position: relative;
	top: 2px;
}



/* .nav.bk {background:url(../../images/common/bk_nav_bg.gif) repeat-x;}
.nav.r {background:url(../../images/common/r_nav_bg.gif) repeat-x;}
.nav.g {background:url(../../images/common/g_nav_bg.gif) repeat-x;}
.nav.p {background:url(../../images/common/p_nav_bg.gif) repeat-x;}
.nav.b {background:url(../../images/common/b_nav_bg.gif) repeat-x;}
.nav.gy {background:url(../../images/common/gy_nav_bg.gif) repeat-x;}
.nav.new {background:#454545;}
.nav.new.bk {background:#323232;}
.nav.new.r {background:#df4d4d;}
.nav.new.g {background:#23b53a;}
.nav.new.p {background:#7b48e1;}
.nav.new.b {background:#1c82b8;}
.nav.new.gy {background:#6f6f6f;}

.nav.new span {display:none !important;}
.nav.new span.blind {display:block !important;line-height:50px;position:relative;left:auto;text-align:center;color:#dcdcdc;font-size:1.25em;vertical-align:middle;font-weight:600;} */


/* 한국어 */
/* .nav.bk .main_nav span {background:url(../../images/ko/bk_nav.jpg) no-repeat;}
.nav.r .main_nav span {background:url(../../images/ko/r_nav.jpg) no-repeat;}
.nav.g .main_nav span {background:url(../../images/ko/g_nav.jpg) no-repeat;}
.nav.p .main_nav span {background:url(../../images/ko/p_nav.jpg) no-repeat;}
.nav.b .main_nav span {background:url(../../images/ko/b_nav.jpg) no-repeat;}
.nav.gy .main_nav span {background:url(../../images/ko/gy_nav.jpg) no-repeat;}
.nav.new .main_nav span {background:#454545 !important;color:#c8c8c8;}
.nav.new.bk .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #323232 !important;color:#c2c2c2;}
    .nav.new.bk .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #323232 !important;}
.nav.new.r .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #df4c4c !important;color:#f5caca;}
    .nav.new.r .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #df4c4c !important;}
.nav.new.g .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #20b438 !important;color:#bde9c4;}
    .nav.new.g .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #20b438 !important;}
.nav.new.p .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #7c49e4 !important;color:#d8c9f7;}
    .nav.new.p .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #7c49e4 !important;}
.nav.new.b .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #1981b7 !important;color:#bddae9;}
    .nav.new.b .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #1981b7 !important;}
.nav.new.gy .main_nav span {background:url(../../images/common/nav_new_bg.png) 0 0 no-repeat #707070 !important;color:#d4d4d4;}
    .nav.new.gy .main_nav.mail span {background:url(../../images/common/nav_new_bg.png) -125px 0 no-repeat #707070 !important;} */

/* 일본어 */
/* .all.ja .nav.bk .main_nav span {background:url(../../images/ja/bk_nav.jpg) no-repeat;}
.all.ja .nav.ja.r .main_nav span {background:url(../../images/ja/r_nav.jpg) no-repeat;}
.all.ja .nav.ja.g .main_nav span {background:url(../../images/ja/g_nav.jpg) no-repeat;}
.all.ja .nav.ja.p .main_nav span {background:url(../../images/ja/p_nav.jpg) no-repeat;}
.all.ja .nav.ja.b .main_nav span {background:url(../../images/ja/b_nav.jpg) no-repeat;}
.all.ja .nav.ja.gy .main_nav span {background:url(../../images/ja/gy_nav.jpg) no-repeat;} */

/* 중국어 */
/* .all.zh .nav.bk .main_nav span {background:url(../../images/zh/bk_nav.jpg) no-repeat;}
.all.zh .nav.zh.r .main_nav span {background:url(../../images/zh/r_nav.jpg) no-repeat;}
.all.zh .nav.zh.g .main_nav span {background:url(../../images/zh/g_nav.jpg) no-repeat;}
.all.zh .nav.zh.p .main_nav span {background:url(../../images/zh/p_nav.jpg) no-repeat;}
.all.zh .nav.zh.b .main_nav span {background:url(../../images/zh/b_nav.jpg) no-repeat;}
.all.zh .nav.zh.gy .main_nav span {background:url(../../images/zh/gy_nav.jpg) no-repeat;} */

/* 영어 */

/* .all.en .nav.bk .main_nav span {background:url(../../images/en/bk_nav.jpg) no-repeat;}
.all.en .nav.en.r .main_nav span {background:url(../../images/en/r_nav.jpg) no-repeat;}
.all.en .nav.en.g .main_nav span {background:url(../../images/en/g_nav.jpg) no-repeat;}
.all.en .nav.en.p .main_nav span {background:url(../../images/en/p_nav.jpg) no-repeat;}
.all.en .nav.en.b .main_nav span {background:url(../../images/en/b_nav.jpg) no-repeat;}
.all.en .nav.en.gy .main_nav span {background:url(../../images/en/gy_nav.jpg) no-repeat;} */

.nav:after {content:"";display:block;clear:both;}


/* 메뉴 중앙 정렬
width값은 각 메뉴 125px X 메뉴 갯수로 지정됩니다.
*/
/* .nav .center_div {margin:0 auto;display:table;}

.nav ul:after {content:"";display:block;clear:both;}
.nav .main_nav {float:left;}

.nav .main_nav span {display:block;height:50px;}
.nav .main_nav.mail span {width:108px;}
.nav .main_nav.contact span {width:124px;background-position:-108px 0 !important;}
.nav .main_nav.add span {width:124px;background-position:-108px 0 !important;}
.nav .main_nav.webhard span {width:123px;background-position:-232px 0 !important;}
.nav .main_nav.cal span {width:137px;background-position:-355px 0 !important;}
.nav .main_nav.board span {width:122px;background-position:-601px 0 !important;}
.nav .main_nav.config span {width:137px;background-position:-723px 0 !important;}

.nav.new .main_nav span {width:125px;} */

/* 마우스 오버 */
/* .nav .main_nav.mail a:hover span {background-position:0px -50px !important;}
.nav .main_nav.contact a:hover span {background-position:-108px -50px !important;}
.nav .main_nav.add a:hover span {background-position:-108px -50px !important;}
.nav .main_nav.webhard a:hover span {background-position:-232px -50px !important;}
.nav .main_nav.cal a:hover span {background-position:-355px -50px !important;}
.nav .main_nav.board a:hover span {background-position:-601px -50px !important;}
.nav .main_nav.config a:hover span {background-position:-723px -50px !important;}

.nav.new .main_nav a:hover span {background-color:#606060 !important;background-position:inherit !important;}
.nav.new.bk .main_nav a:hover span {background-color:#5b5b5b !important;background-position:inherit !important;}
.nav.new.r .main_nav a:hover span {background-color:#e57070 !important;background-position:inherit !important;}
.nav.new.g .main_nav a:hover span {background-color:#4dc360 !important;background-position:inherit !important;}
.nav.new.p .main_nav a:hover span {background-color:#966de9 !important;background-position:inherit !important;}
.nav.new.b .main_nav a:hover span {background-color:#479ac5 !important;background-position:inherit !important;}
.nav.new.gy .main_nav a:hover span {background-color:#8d8d8d !important;background-position:inherit !important;}

.nav.new .main_nav.mail a:hover span {background-color:#606060 !important;background-position:-125px 0 !important;}
.nav.new.bk .main_nav.mail a:hover span {background-color:#5b5b5b !important;background-position:-125px 0 !important;}
.nav.new.r .main_nav.mail a:hover span {background-color:#e57070 !important;background-position:-125px 0 !important;}
.nav.new.g .main_nav.mail a:hover span {background-color:#4dc360 !important;background-position:-125px 0 !important;}
.nav.new.p .main_nav.mail a:hover span {background-color:#966de9 !important;background-position:-125px 0 !important;}
.nav.new.b .main_nav.mail a:hover span {background-color:#479ac5 !important;background-position:-125px 0 !important;}
.nav.new.gy .main_nav.mail a:hover span {background-color:#8d8d8d !important;background-position:-125px 0 !important;} */

/* 하이라이트 */
/* .nav.mail .main_nav.mail span {background-position:0px -100px !important;}
.nav.mail .main_nav.mail a:hover span {background-position:0px -100px !important;}
.nav.address .main_nav.contact span {background-position:-108px -100px !important;}
.nav.address .main_nav.contact a:hover span {background-position:-108px -100px !important;}
.nav.address .main_nav.add span {background-position:-108px -100px !important;}
.nav.address .main_nav.add a:hover span {background-position:-108px -100px !important;}
.nav.webhard .main_nav.webhard span {background-position:-232px -100px !important;}
.nav.webhard .main_nav.webhard a:hover span {background-position:-232px -100px !important;}
.nav.calendar .main_nav.cal span {background-position:-355px -100px !important;}
.nav.calendar .main_nav.cal a:hover span {background-position:-355px -100px !important;}
.nav.sms .main_nav.sms span {background-position:-492px -100px !important;}
.nav.sms .main_nav.sms a:hover span {background-position:-492px -100px !important;}
.nav.board .main_nav.board span {background-position:-601px -100px !important;}
.nav.board .main_nav.board a:hover span {background-position:-601px -100px !important;}
.nav.config .main_nav.config span {background-position:-723px -100px !important;}
.nav.config .main_nav.config a:hover span {background-position:-723px -100px !important;}
.nav.exe_schedule .main_nav.exe_schedule span {background-position:-859px -100px !important;}
.nav.exe_schedule .main_nav.exe_schedule a:hover span {background-position:-859px -100px !important;}
.nav.public_system .main_nav.public_system span {background-position:-995px -100px !important;}
.nav.public_system .main_nav.public_system a:hover span {background-position:-995px -100px !important;}

.nav.new.mail .main_nav.mail a span, .nav.new.work .main_nav.work a span,.nav.new.permission .main_nav.permission a .blind, .nav.new.address .main_nav.add a span, .nav.new.webhard .main_nav.webhard a span, .nav.new.calendar .main_nav.cal a span, .nav.new.board .main_nav.board a span, .nav.new.config .main_nav.config a span {background:#fff !important;color:#323232;border-top:5px solid #e55d5d;height:45px;line-height:45px;background-position:0 -50px;}
.nav.new.bk.mail .main_nav.mail a span,.nav.new.bk.work .main_nav.work a span,.nav.new.bk.address .main_nav.add a span,.nav.new.bk.webhard .main_nav.webhard a span,.nav.new.bk.calendar .main_nav.cal a span,.nav.new.bk.board .main_nav.board a span,.nav.new.bk.config .main_nav.config a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #323232 !important;height:50px;line-height:50px;}
.nav.new.bk.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #323232 !important;}
.nav.new.r.mail .main_nav.mail a span,.nav.new.r.work .main_nav.work a span,.nav.new.r.permission .main_nav.permission a .blind,.nav.new.r.address .main_nav.add a span,.nav.new.r.webhard .main_nav.webhard a span,.nav.new.r.calendar .main_nav.cal a span,.nav.new.r.board .main_nav.board a span,.nav.new.r.config .main_nav.config a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #df4c4c !important;height:50px;line-height:50px;}
.nav.new.r.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #df4c4c !important;}
.nav.new.g.mail .main_nav.mail a span,.nav.new.g.work .main_nav.work a span,.nav.new.g.permission .main_nav.permission a .blind,.nav.new.g.address .main_nav.add a span,.nav.new.g.webhard .main_nav.webhard a span,.nav.new.g.calendar .main_nav.cal a span,.nav.new.g.board .main_nav.board a span,.nav.new.g.config .main_nav.config a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #20b438 !important;height:50px;line-height:50px;}
.nav.new.g.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #20b438 !important;}
.nav.new.p.mail .main_nav.mail a span,.nav.new.p.work .main_nav.work a span,.nav.new.p.permission .main_nav.permission a .blind,.nav.new.p.address .main_nav.add a span,.nav.new.p.webhard .main_nav.webhard a span,.nav.new.p.calendar .main_nav.cal a span,.nav.new.p.board .main_nav.board a span,.nav.new.p.config .main_nav.config a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #7c49e4 !important;height:50px;line-height:50px;}
.nav.new.p.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #7c49e4 !important;}
.nav.new.b.mail .main_nav.mail a span,.nav.new.b.work .main_nav.work a span,.nav.new.b.permission .main_nav.permission a .blind,.nav.new.b.address .main_nav.add a span,.nav.new.b.webhard .main_nav.webhard a span,.nav.new.b.calendar .main_nav.cal a span,.nav.new.b.board .main_nav.board a span,.nav.new.b.config .main_nav.config a span,.nav.new.b.security .main_nav.security a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #1981b7 !important;height:50px;line-height:50px;}
.nav.new.b.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #1981b7 !important;}
.nav.new.gy.mail .main_nav.mail a span,.nav.new.gy.work .main_nav.work a span,.nav.new.gy.permission .main_nav.permission a .blind,.nav.new.gy.address .main_nav.add a span,.nav.new.gy.webhard .main_nav.webhard a span,.nav.new.gy.calendar .main_nav.cal a span,.nav.new.gy.board .main_nav.board a span,.nav.new.gy.config .main_nav.config a span {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #707070 !important;background-position:0 -50px;height:50px;line-height:50px;}
.nav.new.gy.mail .main_nav.mail a span {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #707070 !important;}

.nav.new.mail .main_nav.mail a .blind,.nav.new.permission .main_nav.permission a .blind,.nav.new.contact .main_nav.contact a .blind, .nav.new.address .main_nav.add a .blind, .nav.new.webhard .main_nav.webhard a .blind, .nav.new.calendar .main_nav.cal a .blind, .nav.new.board .main_nav.board a .blind, .nav.new.config .main_nav.config a .blind, .nav.new.security .main_nav.security a .blind {background:#fff !important;color:#323232;border-top:5px solid #e55d5d;height:45px;line-height:45px;background-position:0 -50px;}
.nav.new.bk.mail .main_nav.mail a .blind,.nav.new.bk.permission .main_nav.permission a .blind,.nav.new.bk.contact .main_nav.contact a .blind,.nav.new.bk.address .main_nav.add a .blind,.nav.new.bk.webhard .main_nav.webhard a .blind,.nav.new.bk.calendar .main_nav.cal a .blind,.nav.new.bk.board .main_nav.board a .blind,.nav.new.bk.config .main_nav.config a .blind,.nav.new.bk.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #323232 !important;height:50px;line-height:50px;}
.nav.new.bk.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #323232 !important;}
.nav.new.r.mail .main_nav.mail a .blind,.nav.new.r.permission .main_nav.permission a .blind,.nav.new.r.contact .main_nav.contact a .blind,.nav.new.r.address .main_nav.add a .blind,.nav.new.r.webhard .main_nav.webhard a .blind,.nav.new.r.calendar .main_nav.cal a .blind,.nav.new.r.board .main_nav.board a .blind,.nav.new.r.config .main_nav.config a .blind,.nav.new.r.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #df4c4c !important;height:50px;line-height:50px;}
.nav.new.r.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #df4c4c !important;}
.nav.new.g.mail .main_nav.mail a .blind,.nav.new.g.permission .main_nav.permission a .blind,.nav.new.g.contact .main_nav.contact a .blind,.nav.new.g.address .main_nav.add a .blind,.nav.new.g.webhard .main_nav.webhard a .blind,.nav.new.g.calendar .main_nav.cal a .blind,.nav.new.g.board .main_nav.board a .blind,.nav.new.g.config .main_nav.config a .blind,.nav.new.g.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #20b438 !important;height:50px;line-height:50px;}
.nav.new.g.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #20b438 !important;}
.nav.new.p.mail .main_nav.mail a .blind,.nav.new.p.permission .main_nav.permission a .blind,.nav.new.p.contact .main_nav.contact a .blind,.nav.new.p.address .main_nav.add a .blind,.nav.new.p.webhard .main_nav.webhard a .blind,.nav.new.p.calendar .main_nav.cal a .blind,.nav.new.p.board .main_nav.board a .blind,.nav.new.p.config .main_nav.config a .blind,.nav.new.p.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #7c49e4 !important;height:50px;line-height:50px;}
.nav.new.p.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #7c49e4 !important;}
.nav.new.b.mail .main_nav.mail a .blind,.nav.new.b.permission .main_nav.permission a .blind,.nav.new.b.contact .main_nav.contact a .blind,.nav.new.b.address .main_nav.add a .blind,.nav.new.b.webhard .main_nav.webhard a .blind,.nav.new.b.calendar .main_nav.cal a .blind,.nav.new.b.board .main_nav.board a .blind,.nav.new.b.config .main_nav.config a .blind,.nav.new.b.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #1981b7 !important;height:50px;line-height:50px;}
.nav.new.b.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #1981b7 !important;}
.nav.new.gy.mail .main_nav.mail a .blind,.nav.new.gy.permission .main_nav.permission a .blind,.nav.new.gy.contact .main_nav.contact a .blind,.nav.new.gy.address .main_nav.add a .blind,.nav.new.gy.webhard .main_nav.webhard a .blind,.nav.new.gy.calendar .main_nav.cal a .blind,.nav.new.gy.board .main_nav.board a .blind,.nav.new.gy.config .main_nav.config a .blind,.nav.new.gy.security .main_nav.security a .blind {color:#fff;border:0;background:url(../../images/common/nav_new_bg.png) 0 -50px no-repeat #707070 !important;background-position:0 -50px;height:50px;line-height:50px;}
.nav.new.gy.mail .main_nav.mail a .blind {background:url(../../images/common/nav_new_bg.png) -125px -50px no-repeat #707070 !important;} */

/* new 아이콘 */
.nav .main_nav .icon.new {background:url(../../images/common/icon_nav_new.png) -32px -16px !important;display:none;width:16px !important;height:16px;position:absolute;right:10px;top:10px;z-index:999;}
.nav .main_nav.new .icon.new {display:block !important;}

.main_content_top_bt .content_head_bt {float:left;}
.main_content_top_bt_set:after {content:"";display:none;clear:both;}
.main_content_top_bt.left {margin-left:10px;}
.main_content_top_bt.left .btn.help {margin-top:9px;}
.main_content_top_bt .content_head_bt select {vertical-align:middle;padding:0;margin:6px 5px 0 0;border:1px solid #bababa;height:25px;}
.main_content_top_bt.left.caption {line-height:35px;margin:5px 0 0 20px;font-size:1.12em;color:#646464;}
.main_content_top_bt.right .content_head_sort {position:absolute;right:20px;top:10px;}
.main_content_top_bt.right .content_head_sort:after {content:"";display:block;clear:both;}
.main_content_top_bt.right .content_head_sort li {float:left;margin-left:8px;padding-left:10px;border-left:1px solid #dcdcdc;}
.main_content_top_bt.right .content_head_sort li:first-child {margin-left:0;padding-left:0;border-left:0;}
.main_content_top_bt.right .content_head_sort li a {font-size:1.12em;}
.main_content_top_bt.right .content_head_sort li.active a {color:#b11717;}

.main_content_top_bt.right {float:right;padding-right:10px;}
.main_content_top_bt.right .content_head_bt.select {height:35px;}
.main_content_top_bt.right .content_head_bt.select select {vertical-align:middle;height:26px;border:1px solid #bababa;margin-top:4px;border-radius:3px;}
.float_left:after {content:"";display:block;clear:both;}
.float_left li {float:left;}
.drop_menu_title .float_left {padding:2px 10px 6px 10px;}
.drop_menu_title ul li .txt {padding:5px 10px 5px 0;}
.header_help {position:absolute;left:40px;top:8px;background:#f6f5e8;padding:20px;border-radius:5px;border:1px solid #ddd8cd;box-shadow:0 2px 5px rgba(0,0,0,.1);display:none;}
.header_help .help_caption {color:#514d44;}
.header_help .help_caption ul {margin-top:5px;padding-top:5px;border-top:1px solid #ddd8cd;}
.header_help .help_caption ul li {margin-top:5px;}





/* 버튼 설명 설정 */
.content_head_bt .bt_caption {
	position:absolute;
	top:-1000px;
	background:url(../../images/common/btn_caption_bg.gif) left top no-repeat;
	display:block;
	padding:7px 10px 4px 10px;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
	margin-top:15px;
	z-index:3;
}

/* 새로고침 버튼 위치변경 */

.body_header button.btn.head.f5 {
	margin-top:17px;
	border:1px solid #cdcdcd;
	width:17px;
	height: 17px;
	background: url(../../images/common/bt_ic_reload.gif) no-repeat;
}

/* 140120-버튼 설명 우측 */
.content_head_bt .bt_caption_r {
	position:absolute;
	top:-1000px;
	background:url(../../images/common/btn_caption_r_bg.gif) right top no-repeat;
	display:block;
	height:16px;
	padding:7px 10px 4px 10px;
	color:#fff;
	font-weight:bold;
	font-size:0.8em;
	margin-top:15px;
	margin-right:10px;
	z-index:3;
	right:0
}

button.btn.head.config:hover span.bt_caption_r.config {top:20px;}
button.btn.head.new_window:hover span.bt_caption_r.new_window {top:20px;}
button.btn.head.edit_expand:hover span.bt_caption_r.edit_expand {top:20px; margin-right:45px;}


/* 글자버튼 사용 시 하단 도움말 숨김 */
.main_content_top_bt.left.textbtn button.btn:hover span.bt_caption {}

/* 간단검색 */
.simple_search {position:absolute;right:20px;top:35px;height:44px;z-index:9999 !important;background:url(../../images/common/simple_search_bg.gif) right top no-repeat;display:none;}
.simple_search ul li {float:left;padding-top:14px;}
.simple_search .search.all {width:80px;margin-left:5px;}
.simple_search .search.all input {width:10px;}
.simple_search .search.txt {margin-left:15px;}
.simple_search .search.txt input {height:18px;width:175px;padding:0 0 0 5px;margin:0;border:none;border-left:solid #3f3a3a;border-weight:1px 0 1px 1px;border-top-left-radius:9px;border-bottom-left-radius:9px;}
.simple_search .search button {height:20px;margin-right:5px;}
.simple_search .search.btn button {width:55px;background:url(../../images/common/btn_simple_search.gif) no-repeat}
.simple_search .search.btn_detail button {margin-left:5px;width:70px;background:url(../../images/common/btn_simple_search.gif) -100px 0 no-repeat;}
.simple_search.short {position:absolute;right:20px;top:35px;height:44px;z-index:4 !important;background:url(../../images/common/simple_search_bg.gif) right top no-repeat;display:none;padding-right:10px;}
.simple_search.short ul li {float:left;padding-top:14px;}
.simple_search.short .search.txt {margin-left:70px;}
.simple_search.short .search.txt input {height:18px;width:180px;padding:0;margin:0;border:none;border-left:1px solid #3f3a3a;border-top:1px solid #3f3a3a;border-bottom:1px solid #3f3a3a;border-top-left-radius:9px;border-bottom-left-radius:9px;}
.simple_search.short .search button {height:20px;}
.simple_search.short .search.btn button {width:55px;background:url(../../images/common/btn_simple_search.gif) no-repeat}
/* 메일 상세검색 시 기간부분이 줄바꿈되어 삭제합니다. -miryeo
.search_top input{border:1px solid #D6D6D6;color:#333;height:18px;padding:0 0 0 5px;}*/





/* append by sunggyu */

.simple_search.mail .search.txt {margin-left:40px;}





/* 상세검색 */

/* 20130322 상세검색 폼 디자인 수정

.search_form {display:none;position:absolute;left:2px;right:0;top:40px;z-index:2;background:#f5f5f5;padding:20px;border-bottom:1px solid #ccc;}

.search_form hr {border:0;border-bottom:1px solid #ccc;}

.search_form input {padding:0 5px;border:1px solid #ccc;height:19px;}

.search_form table {margin:10px auto;}

.search_form table th,td {vertical-align:middle;height:30px;}

.btn_sch_close {text-align:right;}

.hd_slt_mailbox {width:200px;}

.slt_date select {margin-right:5px;width:70px;}

.slt_date input {width:48px;margin-right:5px;}

.slt_name input {width:188px;}

.hd_slt_date {width:70px;}

.hd_slt_search {width:80px;margin-right:10px;}

.hd_search input {width:364px;margin-right:10px;} */



/* 20130322 새로운 상세 검색 */
/* 20160128 상세검색 디자인 변경작업 */
.search_top .detail_search {
	background:#fff;
	padding:0 20px;
	display:block;
	z-index:50;
	position: absolute;
	right: 10px;
	top: 43px;
	width:332px;
	border:1px solid #bbb;
}
.search_top .detail_search hr {border-bottom:solid #727272;border-top:solid #373737;border-width:1px 0 1px 0;display:none;}
.search_top .detail_search table {width:100%; /* border-bottom:1px solid #eaeaea; */ margin: 8px 0;line-height: 30px;}
.search_top .detail_search table th {text-align:left;color:#646464;padding-right:4px;width:110px;}
.search_top .detail_search table th select {padding:0;margin:0;width:115px;}
.search_top .detail_search .detail_search_btn {text-align:right;padding-bottom:15px;}
.search_top .detail_search .hd_slt_mailbox{width:210px;}
.search_top .searchOption{background:#fff none repeat scroll 0 0;box-sizing:content-box;display:inline-block;margin:0;padding:0;position:relative}
.search_top .searchOption select{border:1px solid #cbcbcb;font-size:12px;height:25px;line-height:25px;margin:0;padding:0;vertical-align:middle}


/* 20180226 상세검색 디자인 변경작업 */
.search_top .detail_search table select {
	height:24px;
	font-size: 12px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.search_top .detail_search table input {
	height:20px;
	font-size: 12px;
	border: 1px solid #ccc;
}
.search_top .detail_search #sdate {
	width: 55px;
	margin-left: 1px;
}
.search_top .detail_search #edate {
	width: 55px;
	margin-left: 1px;
}
.search_top .detail_search .detail_search_btn label {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.search_top .detail_search .detail_search_btn span {
	position: absolute;
	left: 20px;
	top: 183px;
}


/* 컨텐츠 */

.content_area:after {content:"";display:block;clear:both;}
.content_area.top60 {top:51px}

/* .content_area {min-height:100%;width:100%;padding:0;} by sunggyu */

/* .content_area {position:absolute;top:155px;left:0;right:0;bottom:30px;padding:0;z-index:1;} */



/* 리스트 상단 테이블 삽입 시 */

.content_area .list_top_table {background:#f5f5f5;padding:20px;border-bottom:1px solid #ccc;color:#4b4b4b;}
.content_area .list_top_table table {width:100%;border:1px solid #ddd;}
.content_area .list_top_table table thead th {height:25px;background:#ebebeb;border-bottom:1px solid #ddd;width:50%;font-weight:bold;}
.content_area .list_top_table table tbody th {height:25px;background:#fff;border-bottom:1px solid #ededed;font-weight:bold;text-align:right;padding-left:100px;text-align:left;}
.content_area .list_top_table table tbody td {height:25px;background:#fff;border-bottom:1px solid #ededed;padding-right:50px;text-align:right;}
.content_area .list_top_table table tbody .bd_rdd {border-right:1px solid #ddd;}


/* 테이블 문서 양식 */

.content_area.chart {padding:20px;}
.content_area.chart .chart {width:100%;}
.content_area.chart .chart caption {margin:10px 0;padding:10px 20px;background:#f6f6f6;border:1px solid #ccc;border-width:1px 0 1px 0;text-align:left;}
.content_area.chart .chart tbody th {height:40px;border-bottom:1px solid #eee;background:#fafafa;text-align:left;padding-left:20px;font-weight:bold;color:#464646;}
.content_area.chart .chart tbody th {border-top:1px solid #eee;}
.content_area.chart .chart tbody td {border-bottom:1px solid #eee;text-align:left;padding-left:20px;color:#323232;}
.content_area.chart .chart tbody td {border-top:1px solid #eee;}


/* 컨텐츠 영역 상단 검색/입력 */
.content_area .config_content_head {border-bottom:1px solid #eaeaea;padding:10px 137px 10px 10px;position:relative;text-align:right;}
.content_area .config_content_head label {position:absolute;left:10px;top:10px;z-index:999;}
.content_area .config_content_head label {line-height:30px;padding:0 12px;color:#bababa;font-size:1.12em;}
.content_area .config_content_head input {width:100%;padding:0 10px;margin:0;font-size:1.12em;border:1px solid #dcdcdc;height:28px;}
.content_area .config_content_head button {width:100px;height:30px;font-size:1.12em;background:#f5f5f5;border:1px solid #d6d6d6;position:absolute;right:10px;top:10px;}
.content_area .config_content_head button span {color:#646464; font-weight:bold;}

/* 태그리스트 */
.content_area .config_content_tag ul:after {content:"";display:block;clear:both;}
.content_area .config_content_tag ul li {float:left;}
.content_area .config_content_tag .tag_set_list > li {width:25%;}
.content_area .config_content_tag .tag_section {position:relative;border-bottom:1px solid #eaeaea;margin:0 10px;}
.content_area .config_content_tag .tag_section li.tag_input {display:none;}
.content_area .config_content_tag .tag_section.edit li.tag_name {display:none;}
.content_area .config_content_tag .tag_section.edit li.tag_input {display:block;position:absolute;left:10px;top:0;right:75px;height:40px;}
.content_area .config_content_tag .tag_section.edit li.tag_input input {width:100%;border:1px solid #dcdcdc;height:22px;padding:0 5px;margin:8px 0 0 0;font-size:1em;color:#646464;}
.content_area .config_content_tag .tag_section li.tag_name {position:absolute;left:10px;top:0;right:63px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.content_area .config_content_tag .tag_section li.tag_name span {color:#323232;font-size:1.12em;}
.content_area .config_content_tag .tag_section li.tag_name span.tag_count {color:#d25101;margin-left:10px;}
.content_area .config_content_tag .tag_section li.tag_set_btn {text-align:right;height:40px;width:100%;}
.content_area .config_content_tag .tag_section li.tag_set_btn button {display:inline-block;vertical-align:middle;height:24px;width:24px;background:url(../../images/common/btn_config_lst.gif) no-repeat;margin:8px 0 0 5px;}
.content_area .config_content_tag .tag_section li.tag_set_btn button.btn_tag.edit {background-position:-60px 0;}
.content_area .config_content_tag .tag_section li.tag_set_btn button.btn_tag.del {background-position:-120px 0;}




/* 컨텐츠 좌측 리스트 */



/* .left_area {width:224px;border-right:1px solid #fff;background:#ececec;box-shadow:1px 0px 0px #b5b5b5;float:left;} by sunggyu */



/* .left_area {width:224px;border-right:1px solid #fff;background:#ececec;box-shadow:1px 0px 0px #b5b5b5;float:left;position:absolute;top:0;left:0;bottom:0;overflow:hidden;} */



.left_area {width:235px;border-right:1px solid #fff;background:#fff;float:left;position:absolute;top:0;left:0;bottom:0;overflow:hidden;}



/*
	.left_header {position:relative;height:60px;background:url(../../images/common/content_head_bg.gif) repeat-x;width:100%;z-index:2;overflow:hidden;} */

/* .box_list {overflow:auto;overflow-x:hidden;position:relative;} by sunggyu */

.box_list {position:absolute;top:40px;left:0;right:0;bottom:0;overflow:auto;overflow-x:hidden;}





/* .left_box {position:relative;overflow:hidden;width:224px;border-bottom:1px solid #cececb;padding:0 30px 0 20px;} by sunggyu */



/* 기존 css 201304 교체 .left_box {position:relative;overflow:hidden;border-bottom:1px solid #cececb;padding:0 0 0 20px;}

.left_box .left_box_subject {position:relative;padding:11px 0 11px 0;}

.left_box .left_box_title {position:relative;padding:11px 0 11px 0;}

.left_box .left_box_title.closed {padding:11px 0 11px 0;}

.left_box .left_box_title.drop {padding:11px 0 5px 0;}

.left_box .left_box_title span.txt {background:url(../../images/common/ico_left_arrow.gif) 0 100px no-repeat;}

.left_box .left_box_title.closed span.title {padding-left:15px;background-position:0 -19px;}

.left_box .left_box_title.drop span.title {padding-left:15px;background-position:0 1px;}



    .left_box_list li {height:18px;padding:7px 0 0 10px;}

    .left_box_list .folder.open {height:auto;padding:0 0 0 10px;margin-top:7px;}

    .left_box_list .folder.open ul li {height:18;padding:7px 0 0 30px;}

    .left_box_list .folder.open ul li:first-child {margin-top:5px;}

    .left_box_list .folder_list {height:auto;padding-top:0;}

    .left_box_list .folder_list ul li:last-child {background-position:0 -25px;}

    .left_box_list li ul li {height:18px;padding:7px 0 0 30px;}

    .folder_drop {padding-left:15px;background:url(../../images/common/ico_left_arrow.gif) no-repeat;height:12px;}

    .folder_drop.now {font-weight:bold;color:#b11717;}

    .folder_drop.open {background-position:left 1px;}

    .folder_drop.close {background-position:left -19px;}

.box_list hr {margin:0;padding:0;border:1px solid #fff;border-width:0 0 1px 0;}*/

.left_box {position:relative;border-bottom:1px solid #eeeeee;}
/* .left_box:last-child{border-bottom:1px solid #dcdcdc;} */
.left_box .left_list {position:relative;/*background-color:#fafafa;*/}
.left_box .left_list span.txt.title {display:block;padding:0 0 0 37px;background:url(../../images/common/ico_left_arrow.gif) no-repeat;height:32px;line-height:30px;}
.left_box .left_list span.icon.help {display:block;width:16px;height:15px;background:url(../../images/common/btn_help.png) no-repeat;position:absolute;right:25px;top:8px;}
.left_box .left_list span.help_caption {position:absolute;background:#fafafa;border:1px solid #c8c8c8;padding:10px;top:-60px;display:none;color:#323232;line-height:120%;left:10px;right:10px;}
.left_box .left_list span.icon.help:hover + span.help_caption {display:block;}
.left_box_list.nobg .left_box .left_list span.txt.title {padding:0 0 0 18px;background:#fff;}
.left_box_list.nobg .left_box .left_list span.txt.title i {color:#646464;}
.left_box .left_list.drop span.txt.title {background-position:19px 10px;/*border-bottom:1px solid #dcdcdc;*/}
.left_box .left_list.close span.txt.title {background-position:18px -10px;}
.left_box .left_list.none span.txt.title {background-position:20px -90px;padding-left:18px;}
.left_box .left_list.closed span.title {background-position:0 -19px;}
.left_box .left_list.none {border:0;}
.left_box .left_list.drop .drop_box {background:#fff;padding:0px 0 2px 0;position:relative;}
.left_box .drop_box {background:#fff;padding:6px 0;position:relative;}
/*.left_box .left_list.drop .drop_box li {display:block;padding:7px 0 7px 20px;}*/
.left_box .left_list.drop .drop_box > li {display:block;padding:7px 0 7px 37px;}
.left_box .left_list.drop .drop_box .drop_box_list.board.open ul {padding-left:10px;}
.left_box .left_list.drop .drop_box .drop_box_list.open {padding-bottom:0;}
.left_box .left_list.drop .drop_box .drop_box_list.open li:first-child {padding-top:14px;}
.left_box .left_list.drop .drop_box .drop_box_list.open li {padding-left:10px;}
.left_box .left_box_title span.txt {background:url(../../images/common/ico_left_arrow.gif) 0 100px no-repeat;}
.left_box .btn_left_box {position:absolute;right:10px;top:13px;}
.left_box .btn_left_box.star {
	position: absolute;
	top: 7px;
	right: 10px;
}
.left_box .btn_left_box.star li:last-child {margin-left:0;}
.left_box .btn_left_box:after {content:"";display:block;clear:both;}
.left_box .btn_left_box li {float:left;margin-left:3px;}
/* 메뉴 트리 수정 */
.left_box .menu_tree{padding:0 !important;}

.box_list hr {margin:0;padding:0;border:1px solid #fff;border-width:0 0 1px 0;}

.all.guest .left_box:last-child{border-bottom:1px solid #eaeaea;}
.all.guest .left_box .left_list span.txt.title {height:36px;line-height:37px;}


/* 설정/추가 버튼 */

/* .left_box .left_box_title .left_bt_set {position:absolute;right:45px;top:12px;} by sunggyu */

.left_box .left_box_title .left_bt_set {position:absolute;right:10px;top:12px;}
.left_box .left_box_title .left_bt_set li {float:left;margin-left:4px;}
.left_box .left_add {display:block;width:10px;height:10px;background:url(../../images/common/btn_left_set.gif) no-repeat;background-position:-20px 0;position: relative;top: -3px;}
.left_box .left_config {display:block;width:10px;height:10px;background:url(../../images/common/btn_left_set.gif) no-repeat;background-position:0 0;margin-left: 5px;position: relative;top: -3px;}
.left_box .left_star {display:inline-block;vertical-align:middle;width:16px;height:16px;margin-top:-5px;background:url(../../images/common/star_set.png) 0 0 no-repeat;}

/* 폴더 에디터 추가 - 131119 */
.left_box .left_config_edi	{display:block;width:18px;height:17px;background:url(../../images/common/btn_left_edi.gif) no-repeat;background-position:-18px 0px;}
.left_box .left_config_edi:hover{background-position:0 0;}

/* 우측 컨텐츠 영역 */

/* .list_view {margin-left:226px;overflow:none;overflow-y:auto;background:#000;} by sunggyu */

/* .list_view {position:absolute;top:0;left:226px;right:0;bottom:0px;} */





/* 풋터 */

.footer .useing {position:absolute;left: 15px;line-height: 27px; height:30px;padding: 0 5px 0 0;background-color: #fff;z-index: 20;}
.footer .notice {position:absolute;height: 30px;line-height:27px;padding: 0 5px 0 0;margin: 0px 0 0 340px;background-color: #fff;z-index: 19; overflow:hidden;}
.footer .notice .notice_item{margin:0 0 0 10px;padding:0;float:left;}
.footer .notice .notice_item:after{contnet:"";display:block;clear:both;}
.footer .notice .notice_item li{padding:0;margin:0;height:20px;}
.footer .copyright {position:absolute;height: 30px;line-height:27px;right:15px;}

/* 메일리스트 페이지 네비 */

div.list_nav.footer {position:absolute;bottom:0;left:0;right:0;text-align:center;height:30px;padding-top:10px;border-top:1px solid #ccc;background:#fff;z-index:2;}
.list_nav span {color:#333333;padding: 2px 6px;margin: 1px;vertical-align: middle;box-sizing: border-box;}
.list_nav span:hover{border:1px solid #CCC;margin: 0px;/* box-sizing: border-box; */}
.list_nav span.nowpage {color:#db5200;font-weight:bold;}
.list_nav span.nowpage:hover {margin: 1px;border: none;}
.list_nav .arrow {display:inline-block;width:10px;height: 10px;background:url(../../images/common/list_arrow_set.gif) 0 4px no-repeat;padding: 10px;border: 1px solid #ccc;margin: 0px;box-sizing: border-box;vertical-align: middle;}
.list_nav .arrow.small {display:inline-block;width:8px;height:10px;background:url(../../images/common/list_arrow_set.gif) 0 4px no-repeat;background-size:30px 6px;}
.list_nav .arrow.first {background-position: 5px 6px;}
.list_nav .arrow.prv {background-position: -15px 6px;margin-left: -1px;}
.list_nav .arrow.next {background-position: -35px 6px;margin-right: -1px;}
.list_nav .arrow.end {background-position: -54px 6px;}
.list_nav .arrow.first.small {background-position:0 4px}
.list_nav .arrow.prv.small {background-position:-8px 4px;}
.list_nav .arrow.next.small {background-position:-14px 4px;}
.list_nav .arrow.end.small {background-position:-21px 4px;}
.list_nav.in_list {text-align:center;}
.list_nav.in_list p {height:100%;background:#f5f5f5;border-top:1px solid #fff;padding-top:12px;font-size:10px;}



/* 조직도 가져오기 네비 추가 */
.list_nav_org span {color:#6b6859;padding:5px;}
.list_nav_org span.nowpage {color:#db5200;font-weight:bold;}
.list_nav_org .arrow {display:inline-block;width:10px;height:12px;background:url(../../images/common/list_arrow_set.gif) 0 4px no-repeat;padding:0;}
.list_nav_org .arrow.small {display:inline-block;width:8px;height:10px;background:url(../../images/common/list_arrow_set.gif) 0 4px no-repeat;background-size:30px 6px;}
.list_nav_org .arrow.first {background-position:0 4px;}
.list_nav_org .arrow.prv {background-position:-10px 4px;}
.list_nav_org .arrow.next {background-position:-20px 4px;}
.list_nav_org .arrow.end {background-position:-30px 4px;}
.list_nav_org .arrow.first.small {background-position:0 4px}
.list_nav_org .arrow.prv.small {background-position:-8px 4px;}
.list_nav_org .arrow.next.small {background-position:-14px 4px;}
.list_nav_org .arrow.end.small {background-position:-21px 4px;}
.list_nav_org.in_list {text-align:center;}
.list_nav_org.in_list p {height:100%;background:#f5f5f5;border-top:1px solid #fff;padding-top:12px;font-size:10px;}


/* 20130218추가 - view_area 리스트 상단 네비 */
/*.view_nav {position:absolute;top:0px;left:0px;right:0;z-index:1;height:39px;background:#fafafa;border-bottom:1px solid #dcdcdc;}*/
.view_nav {height:39px; background:#fff; margin:15px 0; position:absolute;top:0px;left:0px;right:0;}
.view_nav ul:after {content:"";display:block;clear:both;}
.view_nav ul {border-bottom:1px solid #dbdbdb;}
.view_nav ul li {float:left;display:block;height:38px;text-align:center;font-size:13px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f7f7f7;}
.view_nav ul li:last-child {border-right:1px solid #dbdbdb;}
.view_nav ul li:first-child {margin-left:15px;}
.view_nav ul li span {display:block;padding:13px 30px 0 30px;height:26px;}
.view_nav ul li a span {color:#909090;}
.view_nav ul li a:hover span {color:#323232;}
.view_nav ul .active span {background:#fff;color:#222; border-bottom:1px solid #fff;font-weight:bold;}
/* .view_nav ul .active a:hover span {color:#cd4509;} */

.view_nav.config {position:relative; max-width:790px;}

/* 20130219 이동 컨텐츠 설정 버튼 */
.left_content_head{float:left;padding-top:20px;}
.content_header_config {background:url(../../images/common/btn_content_head.gif) -273px -92px no-repeat;display:block;width:20px;height:20px;margin-top:-4px;}

/* 20130227 테이블 페이지 공통 */
.config_header {background:#f5f5f5;height:42px;border-bottom:1px solid #ccc;padding:15px 20px 5px 20px;}
.config_header h2 {font-size:18px;font-weight:bold;margin-bottom:5px;color:#323232;}
.config_table_area {margin:0 10px;background:#fff;position:relative;overflow:hidden;max-width:755px;}
.config_table_area:last-child {margin-bottom:30px;}
.config_table_area:after {content:"";display:block;clear:both;}
.config_table_area .config_left {display:block; padding:15px 0; margin:0 10px; border-bottom:1px solid #f1f1f1; }
.config_table_area .config_left .txt.size14 {color:#333;}
.config_table_area .config_right {position:relative;background:#fff;padding:0 10px;}
.config_table_area .config_right table {width:100%;border-spacing:0px;border-collapse:collapse;}
.config_table_area .config_right table th {text-align:left;padding:0 10px;font-weight:bold;width:170px; border-bottom:1px solid #f1f1f1; line-height:150%;}
.config_table_area .config_right table th:last-child {border:0;}
.config_table_area .config_right table td {height:30px; border-bottom:1px solid #f1f1f1; padding:5px 0;}
.config_table_area .config_right table td button {height:24px; vertical-align:top;}
.config_table_area .config_right .editer_area table td {height:auto;}
.config_table_area .config_right table .config_editer td {padding:10px 0 10px 0;}
.config_table_area .config_right table .config_editer td:before {content:"";display:block;padding-bottom:10px;}
.config_table_area .config_right table td select {vertical-align:middle; cursor: pointer; font-size:12px; margin:0; padding:2px;}
.config_table_area .config_right .sign_tbl {max-width:750px;}

.config_table_area .config_right table td ul li {line-height:20px;}

.config_table_area .config_right .sign_tbl thead td {border-top:none;}
.config_table_area .config_right .sign_tbl tbody td {border-bottom:none;}


.config_table_area  table {width:100%;border-spacing:0px;border-collapse:collapse;}
.config_table_area .config_right table td input[type="radio"] {margin: 0 3px 0 0;}
.config_table_area .config_right table td input[type="checkbox"] {margin: 0 3px 0 0;}
.config_table_area .config_right table td label {margin-right:10px;}


/* 20130318 edit
.config_table_area {margin:20px 20px 10px 20px;border:1px solid #d8d8d8;background:#fff;position:relative;}
.config_table_area:last-child {margin-bottom:30px;}
.config_table_area:after {content:"";display:block;clear:both;}
.config_table_area .config_left {display:table-cell;position:relative;width:200px;text-align:center;vertical-align:middle;background:#f2f2f2;}
.config_table_area .config_right {display:table-cell;background:#fff;padding:15px 0;vertical-align:middle;}
.config_table_area .config_right table {width:100%;}
.config_table_area .config_right table th {text-align:right;padding-right:20px;font-weight:bold;width:150px;vertical-align:top;padding-top:10px;} */

/* 20130305 추가 내부에 리스트가 들어가는 경우 start */
.config_table_area .config_left.list span {margin-top:40px;}
/*.config_table_area .config_right.list div {margin:0 15px;}*/
.config_table_area .config_right.list thead {background:#f5f5f5;}
.config_table_area .config_right.list thead th {text-align:left;padding:10px;border:1px solid #ccc;border-width:1px 0 1px 0;}
.config_table_area .config_right.list .non_data {text-align:center;display:table-row-group;border-bottom:1px solid #ccc;}
.config_table_area .config_right.list .non_data td {border-bottom:1px solid #ccc;}
.config_table_area .config_right.list .list {text-align:center;}
.config_table_area .config_right.list .list td {border-bottom:1px solid #ccc;text-align:left;padding:0 10px;}

/* 20130305 추가 내부에 리스트가 들어가는 경우 end */
.config_input {border:1px solid #ccc;height:20px;vertical-align:middle; padding:1px 0 1px 5px !important;}
.config_input.default {width:150px;}
.config_input.short {width:75px;}
.config_input.group {width:90px;}
.config_input.long {width:220px;}
.config_input.full {width:100%;}
.config_input.search {width:203px;}
.config_txtarea {border:1px solid #ccc;margin-top:5px;}
.config_txtarea.short {width:300px;height:100px;}
.config_txtarea.default {width:100%;height:100px;}
.config_txtarea.full {width:99.8%;height:200px;}
.config_txtarea.short.h50 {width:300px;height:50px;}
.config_txtarea.short.h80 {width:300px;height:80px;}
.config_txtarea.default.h50 {width:100%;height:50px;}
.config_txtarea.default.h80 {width:100%;height:80px;}
.config_txtarea.full.h50 {width:99.8%;height:50px;}
.config_txtarea.full.h80 {width:99.8%;height:80px;}

/* 20130312 파일첨부 테이블 페이지 공통 */
.config_table_area.file table {width:100%;background:#fff;}
.config_table_area.file table th {width:200px;font-weight:bold;background:#f2f2f2;}
.config_table_area.file table td {padding:20px;}
.config_table_area.file table .inc_file {line-height:160%;width:700px;}
.config_table_area.file table .img_review {text-align:center;background:url(../../images/common/bg_imgreview.gif);}
.config_table_area.file table .img_review img {box-shadow:0 2px 5px rgba(0,0,0,.3)}

/* 20130313 상단 nav 삽입 */
/*.config_table_area.nav {background:none;border:0;padding:0;height:80px;}
.config_table_area.nav ul:after {content:"";display:block;clear:both;}
.config_table_area.nav ul li {display:block;float:left;}
.config_table_area.nav ul li span {font-size:14px;color:#fff;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.7);display:block;width:110px;padding-top:14px;height:26px;background:url(../../images/common/system_nav_bg.gif) -110px 0 no-repeat;text-align:center;}
.config_table_area.nav ul li:first-child span {background-position:0 0;}
.config_table_area.nav ul li span {font-size:14px;color:#fff;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.7);display:block;width:110px;padding-top:14px;height:26px;background:url(../../images/common/system_nav_bg.gif) -110px 0 no-repeat;text-align:center;}
.config_table_area.nav ul li:last-child span {background-position:-220px 0;}
.config_table_area.nav ul .active span {background-position:-110px -40px;}
.config_table_area.nav ul .active:first-child span {background-position:0px -40px;}
.config_table_area.nav ul .active:last-child span {background-position:-220px -40px;}
.config_table_area.nav .set_mailserver {position:absolute;right:0;top:0;}*/

.config_table_area.nav {background:none;border:0;padding:0;height:80px;}
.config_table_area.nav ul:after {content:"";display:block;clear:both;}
.config_table_area.nav ul li {display:block;float:left;}
.config_table_area.nav ul li .day_btn {font-size:14px;color:#fff;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.7);display:block;width:110px;padding-top:14px;height:26px;background:url(../../images/common/system_nav_bg.gif) -110px 0 no-repeat;text-align:center;}
.config_table_area.nav ul li:first-child span {background-position:0 0;}
.config_table_area.nav ul li:last-child span {background-position:-220px 0;}
.config_table_area.nav ul .active span {background-position:-110px -40px;}
.config_table_area.nav ul .active:first-child span {background-position:0px -40px;}
.config_table_area.nav ul .active:last-child span {background-position:-220px -40px;}
.config_table_area.nav .set_mailserver {position:absolute;right:0;top:0;}

/* .config_table_area.nav .set_date {background:#f5f5f5;border:1px solid #ddd;height:28px;margin:10px 0 10px 0;position:relative;}
.config_table_area.nav .set_date li {margin-left:5px;}
.config_table_area.nav .set_date div {position:absolute;right:20px;top:5px;}
.config_table_area.nav .set_date .set_data_list {position:relative;top:-3px;right:0;}
.config_table_area.nav .set_date .set_data_list.pd_r70 {right:70px;}
.config_table_area.nav .set_date .set_data_list.pd_r90 {right:90px;} */
.config_table_area.nav .set_date {background:#f5f5f5;border:1px solid #ddd;height:28px;margin:10px 0 10px 0;position:relative;}
.config_table_area.nav .set_date li {margin-left:5px;}
.config_table_area.nav .set_date div {position:absolute;top:5px;}
.config_table_area.nav .set_date .set_data_list { /* right:0;*/ }
.config_table_area.nav .set_date .set_data_list.pd_l10 {left:10px;}
.config_table_area.nav .set_date .set_data_list.pd_l80 {left:80px;}
.config_table_area.nav .set_date .set_data_list.pd_r10 {right:10px;}


/* 20130313 좌/우측 테이블 리스트 공통 */
.config_table_area.none_area {background:none;border:0;}
.config_table_area.none_area:after {content:"";display:none;clear:both;}
.config_table_area.none_area table {width:100%;}
.config_table_area.none_area .left_list {float:left;width:50%;}
.config_table_area.none_area .right_list {float:right;width:50%;}
.config_table_area.none_area .table_list.none_thead tr:first-child td {border-top:1px solid #ddd;}
.config_table_area.none_area .left_list .table_list {margin-right:10px;}
.config_table_area.none_area .right_list .table_list {margin-left:10px;}
.config_table_area.none_area .table_list th {background:#f5f5f5;padding:10px;border:1px solid #ccc;border-width:1px 0;text-align:left;font-weight:bold;}
.config_table_area.none_area .table_list td {height:30px;padding:0 10px;border-bottom:1px solid #ddd;text-align:left;}
.config_table_area.none_area .table_list .none_data {text-align:center;}

.config_table_area.mail .txt.size16 {display:block;text-align:left;text-align:center;}
.config_table_area.mail .txt.small {display:block;text-align:left;text-align:center;}

.config_table_area.graph {padding:25px 0;}



/* 20130227 쓰기 페이지 공통 */
.config_editer th{padding:10px !important}
.config_editer .editer_area {max-width:930px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.config_editer .write_paper {left:580px; margin-top:20px;}
.write_header {background:#fff;padding:0;}
.write_header table {width:100%;border-bottom:1px solid #dcdcdc;}
.write_header table,.write_header th,.write_header td {padding:0;margin:0;border-collapse:separate;border-spacing:0;font-size:12px;}
/*.write_header table tbody th,.write_header table tbody td {height:36px;border-bottom:1px solid #dcdcdc;position:relative;}*/
.write_header table tbody th {height:30px;position:relative;}
.write_header table tbody td {height:30px;position:relative;}
.write_header .write_top_option_area th{height:30px;border:solid #dcdcdc;border-width:1px 0;position:relative;}
.write_header .write_top_option_area td{height:30px;border:solid #dcdcdc;border-width:1px 0;position:relative;}
.write_header table tbody th span {color:#646464;}
.write_header table tbody th a:hover span {text-decoration:underline;}
.write_header table tbody th span.icon.search {display:inline-block;width:12px;height:12px;vertical-align:middle;margin-left:3px;background:url(../../images/common/icon_write_top_search.gif) no-repeat;}
.editer_area {padding:0;}
.editer_area textarea {height:500px;}
#editer_Text textarea {width:100%;height:450px;border:0;overflow:hidden;overflow-y:auto;font-size:1.12em;padding:10px;box-sizing:border-box;line-height:140%;border-bottom:1px solid #dcdcdc;}
/* 20160516 승인메일 추가 */
.write_header .write_top_approval_area th,.write_header .write_top_approval_area td {border:1px solid #dcdcdc;border-width:1px 0 0 0;}
.write_header .write_top_approval_area td ul:after {content:"";display:block;clear:both;}
.write_header .write_top_approval_area td ul li {float:left;}
.write_header .write_top_approval_area td ul li input,.write_header .write_top_approval_area td ul li span,.write_header .write_top_approval_area td ul li button {vertical-align:middle;}
.write_header .write_top_approval_area td ul li input[type=text] {height:22px;line-height:22px;padding:0 5px;border:1px solid #cbcbcb;font-size:12px;vertical-align:middle;width:200px;margin-right:5px;}
.write_header .write_top_approval_area td ul li button {height:24px;padding:0 10px;font-size:12px;border:1px solid #cdcdcd;background:#fafafa;margin-right:5px;}
.write_header .write_top_approval_area td ul li label {display:block;height:24px;line-height:24px;margin-left:5px;}
.write_header .write_top_approval_area td ul li label input {margin:0 5px 0 0;padding:0;vertical-align:middle;}
.write_header .write_top_approval_area td ul li label span {color:#646464;font-size:12px;}

/* 20130521 게시판 첨부파일 형식 변경에 의한 주석처리 */
.add_file.board { /* background:#f5f5f5;border-top:1px solid #ccc;padding:10px 20px 20px 20px*/}
.add_file.board .add_file_area {border:1px solid #ccc;padding:10px;background:#fff;}
.add_file.board .add_file_area .add_file_depth {padding-bottom:5px;}
.add_file.board .add_file_area .add_file_depth p {padding-bottom:7px;border-bottom:1px solid #ccc;margin-bottom:5px;}
.add_file.board .add_file_area .board_filelist li {display:block;padding-top:5px;height:25px;border-bottom:1px solid #eee;padding-left:10px;}
.add_file.board .add_file_area .board_filelist li button {margin-left:10px;}
.add_file.board .add_file_area .board_nofile li {display:none;padding:10px 0;text-align:center;font-weight:bold;}

/* 아이콘 설정 */
/*span.ico_config_left {background:url(../../images/common/ico_50x50.gif) no-repeat;display:block;width:50px;height:50px;margin:0 auto;}
span.ico_config_left.set_calendar {background-position:0 0;margin-top:23px;}
span.ico_config_left.personal_info {background-position:-50px 0;margin-top:23px;}
span.ico_config_left.phone {background-position:-100px 0;margin-top:42px;}
span.ico_config_left.etc {background-position:-150px 0;margin-top:110px;}
span.ico_config_left.config_spam {background-position:-250px 0;margin-top:110px;}
span.ico_config_left.config_block {background-position:-300px 0;margin-top:110px;}
span.ico_config_left.othermail {background-position:-350px 0;margin-top:110px;}
span.ico_config_left.change_pass {background-position:-400px 0;margin-top:110px;}
span.ico_config_left.config_omg {background-position:-450px 0;margin-top:110px;}
span.ico_config_left.auto_fwd {background-position:0px -50px;margin-top:110px;}
span.ico_config_left.config_pop3 {background-position:-50px -50px;margin-top:110px;}
span.ico_config_left.sign {background-position:-100px -50px;margin-top:110px;}
span.ico_config_left.adm_general {background-position:-150px -50px;margin-top:110px;}
span.ico_config_left.adm_resources {background-position:-200px -50px;margin-top:110px;}
span.ico_config_left.team {background-position:-250px -50px;margin-top:110px;}
span.ico_config_left.paper {background-position:-200px 0px;margin-top:110px;}
span.ico_config_left.check {background-position:-350px -50px;margin-top:110px;}
span.ico_config_left.power {background-position:-450px -50px;margin-top:110px;}
span.ico_config_left.mail {background-position:0px -100px;margin-top:110px;}
span.ico_config_left.signal {background-position:-50px -100px;margin-top:110px;}*/

/* 20130318 edit */
span.ico_config_left {background:url(../../images/common/ico_50x50.gif) no-repeat;display:hidden;width:50px;height:50px;margin:0 auto;}
span.ico_config_left.set_calendar {background-position:0 0;}
span.ico_config_left.personal_info {background-position:-50px 0;}
span.ico_config_left.phone {background-position:-100px 0;}
span.ico_config_left.etc {background-position:-150px 0;}
span.ico_config_left.info {background-position:-200px 0;}
span.ico_config_left.config_spam {background-position:-250px 0;}
span.ico_config_left.config_block {background-position:-300px 0;}
span.ico_config_left.othermail {background-position:-350px 0;}
span.ico_config_left.change_pass {background-position:-400px 0;}
span.ico_config_left.config_omg {background-position:-450px 0;}
span.ico_config_left.auto_fwd {background-position:0px -50px;}
span.ico_config_left.config_pop3 {background-position:-50px -50px;}
span.ico_config_left.sign {background-position:-100px -50px;}
span.ico_config_left.adm_general {background-position:-150px -50px;}
span.ico_config_left.adm_resources {background-position:-200px -50px;}
span.ico_config_left.team {background-position:-250px -50px;}
span.ico_config_left.paper {background-position:-200px 0px;}
span.ico_config_left.check {background-position:-350px -50px;}
span.ico_config_left.power {background-position:-450px -50px;}
span.ico_config_left.mail {background-position:0px -100px;}
span.ico_config_left.signal {background-position:-50px -100px;}
span.ico_config_left.success {background-position:-100px -100px;}
span.ico_config_left.add_address {background-position:-150px -100px;}
span.ico_config_left.warning {background-position:-200px -100px;}
span.ico_config_left.limit {background-position:-250px -100px;}
span.ico_config_left.tools {background-position:-400px -50px;}
span.ico_config_left.popup {background-position:-300px -100px;}
span.ico_config_left.preview {background-position:-350px -100px;}
span.ico_config_left.pie {background-position:-400px -100px;}
span.ico_config_left.warning_people {background-position:-450px -100px;}
span.ico_config_left.draft {background-position:-50px -150px;}

/* 20150116 add icon */
span.ico_config_left.dept_mail {background-position:-100px -150px;}

/* 20150709 add icon (permission config) by ahin */
span.ico_config_left.per_config1 {background-position:0px -150px;}
span.ico_config_left.per_config2 {background-position:-50px -150px;}

span.ico_board {background:url(../../images/common/ico_board_list.gif) no-repeat;width:15px;height:13px;display:inline-table;border:0px solid #000;vertical-align:middle;}
span.ico_board.new {background-position:0 0;margin-left:5px;}
span.ico_board.disk {background-position:-29px 0;margin-left:5px;}
span.ico_board.re {background-position:-16px 0;margin-right:5px;width:14px;}
span.ico_board.notice {background-position:-45px 0;margin-left:5px;width:46px;height:18px;}

/* 20130227 하단 버튼 공통 */
div.btn_bottom_set {text-align:center;margin-bottom:30px; max-width:755px; margin:0 20px; padding:10px 0; border-top:1px solid #c8c8c8;}
div.btn_bottom_set ul {display:inline-block;}
div.btn_bottom_set ul li {float:left;margin-left:5px;}
div.btn_bottom_set ul:after {content:"";display:block;clear:both;}


/* 20130227 검색결과 페이지 공통 */
.search_no td {text-align:center;}

/* 리스트 파일별 아이콘 */
.ico.folder {display:inline-block;width:16px;height:14px;background:url(../../images/common/ico_whdlst.gif) no-repeat;vertical-align:middle;background-position:-7px -7px;}
.ico.folder.share{background-position: -7px -39px;}
.ico.folder.secure{background-position: -98px -69px;}
.ico.folder.sesh{background-position: -128px -69px;}
.ico.notclass {display:inline-block;width:16px;height:14px;background:url(../../images/common/ico_whdlst.gif) no-repeat;vertical-align:middle;background-position:-7px -68px;}
.ico_whdlst {display:inline-block;width:16px;height:16px;background:url(../../images/common/ico_whdlst.gif) -217px -7px no-repeat;vertical-align:middle;}
.ico_whdlst.folder {background-position:-7px -7px;}
.ico_whdlst.folder.open {background-position:-37px -7px;}
.ico_whdlst.zip {background-position:-67px -7px;}
.ico_whdlst.img {background-position:-97px -7px;}
.ico_whdlst.txt {background-position:-127px -7px;}
.ico_whdlst.movie {background-position:-157px -7px;}
.ico_whdlst.mov {background-position:-157px -7px;}
.ico_whdlst.avi {background-position:-157px -7px;}
.ico_whdlst.mp4 {background-position:-157px -7px;}
.ico_whdlst.mts {background-position:-157px -7px;}
.ico_whdlst.wmv {background-position:-157px -7px;}
.ico_whdlst.mkv {background-position:-157px -7px;}
.ico_whdlst.sound {background-position:-187px -7px;}
.ico_whdlst.mp3 {background-position:-187px -7px;}
.ico_whdlst.ogg {background-position:-187px -7px;}
.ico_whdlst.wav {background-position:-187px -7px;}
.ico_whdlst.wma {background-position:-187px -7px;}
.ico_whdlst.file {background-position:-217px -7px;}
.ico_whdlst.unknown {background-position:-217px -7px;}
.ico_whdlst.up {background-position:-247px -7px;}
.ico_whdlst.html {background-position:-277px -7px;}
.ico_whdlst.htm {background-position:-277px -7px;}
.ico_whdlst.exe {background-position:-217px -7px;}
.ico_whdlst.share {background-position:-7px -37px;}
.ico_whdlst.word {background-position:-37px -37px;}
.ico_whdlst.hwp {background-position:-337px -37px;}
.ico_whdlst.doc {background-position:-37px -37px;}
.ico_whdlst.docx {background-position:-37px -37px;}
.ico_whdlst.xls {background-position:-67px -37px;}
.ico_whdlst.xlsx {background-position:-67px -37px;}
.ico_whdlst.ppt {background-position:-97px -37px;}
.ico_whdlst.pptx {background-position:-97px -37px;}
.ico_whdlst.pdf {background-position:-127px -37px;}
.ico_whdlst.txt {background-position:-157px -37px;}
.ico_whdlst.png {background-position:-187px -37px;}
.ico_whdlst.bmp {background-position:-217px -37px;}
.ico_whdlst.gif {background-position:-247px -37px;}
.ico_whdlst.jpg {background-position:-277px -37px;}
.ico_whdlst.disk {background-position:-307px -37px;}
.ico_whdlst.psd {background-position:-37px -67px;}
.ico_whdlst.ai {background-position:-67px -67px;}

.att_filename .ico_whdlst {margin-right:5px;}

/* 좌측 리스트 추가 폼 */

.left_add_form {/*display:none;*/margin:5px 0 10px 0;border-top:1px solid #eee;padding:12px 0 0 20px;}

.left_add_form input {border:1px solid #ccc;height:17px;width:100px;}



/* table list 공통 */

.list_ico {text-align:center !important;}



/* list ico */

.drop_ico.open {display:inline-block;width:15px;height:15px;background:url(../../images/common/ico_left_arrow.gif) 0 -15px no-repeat;margin-left:30px;}



/* contentheader header selectbox */

.content_header_select {display:inline-block;margin:8px 0 0 0;}

.content_header_chosen_select {display:inline-block;margin:4px 0 0 20px;}



/* label caption */

.caption_label {position:relative;}

.caption_label span {position:absolute;left:5px;top:2px;color:#bbb;}

.caption_label2 {position:absolute;left:7px;top:5px;display:none;width:500px;display:inline-block;}

.caption_label2 span {color:#bbb;}



/* Header Signal */

.header_signal ul:after {content:"";display:block;clear:both;}

.header_signal ul li {float:left;margin-right:5px;}

.header_signal ul .signal {display:block;width:22px;height:25px;background:url(../../images/common/header_signal.jpg) no-repeat;}

.header_signal ul .signal.bad {background-position:-30px 0;}

.header_signal ul .signal.well {background-position:-60px 0;}

.header_signal ul .signal.good {background-position:-90px 0;}



/* 접히는 TR라인 설정 공통 */

.folding_tr.hide {display:none;}



/* error페이지 css */

.acount_view_area.error {padding:50px;text-align:center;}

.acount_view_area.error p span.txt.size16 {display:inline-block;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px;}

.acount_view_area.error .error_img {margin:20px 0;}

.error_btn {text-align:center;margin-top:50px;}

.error_btn button.btn.login {margin:0;}

.browser {margin-top:20px;width:100%;}

.browser td {height:60px;text-align:left;padding-left:20px;}

.browser .browser_ico {text-align:center;padding-left:0px;}

.browser .browser_btn {text-align:right;}

.browser .browser_btn span {display:inline-block;height:18px;padding:7px 10px 0 10px;background:#1a77a4;color:#fff;}



/* 클립 아이콘 20120212 수정 - 클립 아이콘 변경 */

.ico_read {
	width:16px;
	height:16px;
	display:block;
	background:url(../../images/common/ico_read.gif) -4px 0px no-repeat;
	/* background-size:80px 19px; */
}

.ico_read.head {background-position:-3px 0px;}

.ico_read.ok {background-position:-42px 1px;}

.ico_read.no {background-position:-22px 0px;}

.ico_read.booking {background-position:-61px 1px;}



/* 퀵메뉴 style 추가 20130409 */

.div_tree{border:1px solid #D8D8D8;overflow:auto;padding:0;background-color:#FFF; min-height:250px;}



/* 자동 완성 목록 공용 추가 20130417 */

.inc_auto_list {position:relative;}

.auto_list {background:#fff;border:1px solid #ccc;position:absolute;left:0;right:-2px;margin-top:-1px;}

.auto_list ul {overflow:hidden;overflow-y:auto;height:100px;margin-bottom:30px;}

.auto_list li {display:block;position:relative;}

.auto_list a {display:block;width:100%;padding:5px 0;}

.auto_list a:hover {background:#f5f5f5;}

.auto_list a span:first-child {padding-left:10px;}

.auto_list li button.btn.del {position:absolute;right:10px;top:6px;}

.auto_list .alist_btn {padding:5px 10px;background:#fff;border-top:1px solid #eee;position:absolute;left:0;right:0;bottom:0;}

.auto_list .alist_btn button {margin-right:5px;}

.auto_list .alist_btn button.btn_bgtxt.right {position:absolute;right:10px;margin:0;}

.autocomplete{position:relative;}



.list_caption {display:block;float:left;background:url(../../images/common/bg_maillist_caption.png) no-repeat;height:15px;border:1px solid #bcbcbc;border-radius:3px;vertical-align:middle;}

.list_caption.filter {padding:2px 5px 0 20px;margin-right:5px;}

.list_caption.send {background-position:0 -17px;padding:2px 5px 0 20px;margin-right:5px;}





/*  GuestWebhard/ServerAdmin Login Page Style 20130502 */

.btn.login_etc {background:url(../../images/common/btn_loginetc_loginbt.png) no-repeat;height:40px;border:1px solid #222e4a;border-radius:3px;}

.btn.login_etc.webhard {background-position:0 -38px;}

.btn.login_etc.admin {background-position:0 0;}



/* fixedTableHeader 가 적용되기 전에 테이믈 목록 스타일 :start by sunggyu */

table.tbl_list{width:100%;table-layout:fixed;empty-cells:show;border-spacing:0;margin:0;padding:0;border:0;}

table.tbl_list *{margin:0;padding:0;}

table.tbl_list th{
	height:36px;line-height:30px;text-align:left;color:#666;padding:0 0 0 0px;border-collapse:collapse;
	border:solid #dbdbdb;
	border-width:0 0 1px 0;
	background:url(../../images/common/table_header_border.gif)#fafafa right center no-repeat;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
table.tbl_list th:first-child {background:#fafafa;}

table.tbl_list th.list_ico{text-align:center;padding: 0px 5px 0 10px;}

table.tbl_list td.list_ico{text-align:center;padding: 0px 5px 0 10px;}

table.tbl_list td{
	height:35px;
	/* line-height:30px; */
	border:solid #dcdcdc;
	border-width:0 0 1px 0;
	overflow:hidden;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

table.tbl_list td.date{text-align:right;padding-right:5px;}

/* fixedTableHeader 가 적용되기 전에 테이믈 목록 스타일 :end by sunggyu */

/* 한글 입력안되는 css */
.ime_mode{ime-mode:inactive;}

/* 정렬 방식 */
.order{display:inline-block;*display:inline;zoom:1;width:15px;height:10px;margin-bottom:-2px;}
.order.desc{background:url(../../images/common/ic_arrow_desc.gif) center no-repeat;}
.order.asc{background:url(../../images/common/ic_arrow_asc.gif) center no-repeat;}


/* 컨텐츠 뷰 공통 스타일 :START */
/*.contentBodyArea p,.contentBodyArea td,.contentBodyArea div{margin:0;line-height:1.5;font-size: 10pt;}*/
.contentBodyArea ol{list-style-type:decimal;margin:16px 0;padding:0 0 0 40px;}
.contentBodyArea ul{list-style-type:circle;margin:16px 0;padding:0 0 0 40px;}
.contentBodyArea li{line-height:1.5;font-size:12px;}
/* 컨텐츠 뷰 공통 스타일 :START */

/* 모달 창 레이아웃 ( DIALOG 가 아닌 직접 생상한 모달 창 */
.modal_layout {display:none;top:0;left:0;bottom:0;right:0;z-index:1000;text-align:center;position:absolute;}
.modal_layout:after{content:"";display:block;clear:both;}
.modal_layout .mask {z-index:1;text-align:center;background-color:#000;opacity:.2;width:100%;height:100%;position:fixed;left:0;right:0;}

/* 발송 전 미리보기 by sunggyu */
.modal_layout .preview {margin:0px auto;display:inline-block;height:100%;width:100%;max-width:880px;position:relative;z-index:2;}
.modal_layout .preview .area {position:absolute;top:30px;left:0;right:0;bottom:40px;border:1px solid #CCC;}
.modal_layout .preview .area .prev_title{position:absolute;top:0px;left:0;right:0;background:#fff;height:40px;line-height:40px;border-bottom:1px solid #CCC; padding-left:1em; text-align:left; font-size:14px;}
.modal_layout .preview .area .prev_area{position:absolute;top:41px;bottom:95px;left:0;right:0;background:#FFF;overflow:auto; padding:10px;}
/*.modal_layout .preview .area .prev_area table{border-collapse:collapse;border-spacing:0;padding:0;}*/
/*.modal_layout .preview .area .prev_area td{word-break:break-all;}*/
.modal_layout .preview .area .prev_area li{list-style-type:none;}
.modal_layout .preview .area .prev_content{padding:10px;overflow:hidden;overflow-x:auto;text-align:left; border:1px solid #ddd; border-top:none; min-height:300px;}
/*.modal_layout .preview .area .prev_content p{margin:0;line-height:1.5;font-size: 10pt;}*/
/*.modal_layout .preview .area .prev_content div{margin:0;line-height:1.5;}*/
.modal_layout .preview .area .prev_config{position:absolute;bottom:50px;left:0;right:0;text-align:left;background:#EEE;padding:15px;border-top:1px solid #CCC;}
.modal_layout .preview .area .prev_footer{position:absolute;bottom:0;left:0;right:0;height:50px;text-align:center;background:#EEE;border-top:1px solid #CCC;}
.modal_layout .preview .area .prev_footer p.btn_area{ margin:15px 20px 0 0;}


/* 금칙어 20180801 */

.modal_layout .preview .area .prohibitWords_desc {
	padding: 5px 0 10px;
}
.modal_layout .preview .area .prohibitWords_desc > p {
	font-size: 13px;
	text-align: left;
}

.modal_layout .preview .area .prohibitWords_desc span.ico.import {
	height: 16px;
	background: url(../../../sens-static/images/common/import6.gif) no-repeat;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 0 1px 0;
}

.modal_layout .preview .area .prohibitWords_con {
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	margin-bottom: 10px;
	padding: 10px;
}
.modal_layout .preview .area .prohibitWords_con > p {
	text-align: left;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}

.modal_layout .preview .area .prohibitWords_con_box {
	text-align: left;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	height: 50px;
	padding: 10px;
	overflow: hidden;
	overflow-y: auto;
}
.modal_layout .preview .area .prohibitWords_con_box span {
	display: inline-block;
	padding-right: 5px;
	line-height: 16px;
}

/* 버튼스타일변경 적용 중 */

.drop_menu {
	display:none;
	position:absolute;
	top:36px;
	border:1px solid #ccc;
	background:#fff;
	line-height:160%;
	margin-left:0;
	/* -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
	box-shadow: 0 2px 10px rgba(0,0,0,.1); */
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	z-index:9999;
	/*padding:5px 0;*/
}
.drop_menu li a {color:#4b4b4b !important;border:none !important;background:none !important;font-weight:normal !important;margin:0 !important;padding:0 !important;}
.drop_menu a span:hover {background:#f2f2f2;}
.drop_menu a span {padding:3px 15px 3px 7px;display:block;}

/* 드롭다운 새로 정의해요.
	.drop_menu {display:none;position:absolute;top:39px;border:1px solid #ccc;background:#fff;line-height:160%;margin-left:-28px;box-shadow:1px 2px 2px rgba(0,0,0,0.1);z-index:9999;}
	.main_content_top_bt.textbtn .drop_menu {margin-left:-45px;}
	.drop_menu a span {display:block;padding:3px 10px;}
	.drop_menu a:hover span {background:#eee;}*/
.drop_menu.cfg {margin-left:0px;line-height: 140%;z-index:10;margin-left:-28px;}
.drop_menu.cfg .drop_menu_title {padding: 9px 0 5px 0;border-bottom:1px solid #ddd;}
.drop_menu.cfg .drop_menu_title:last-child {border-bottom:0;}
.drop_menu.cfg table {margin:0 10px;}
.drop_menu.cfg table caption {display:none;}
.drop_menu.cfg table tbody th,.drop_menu.cfg table tbody td {padding:10px 5px;border-bottom:1px solid #eaeaea;}
.drop_menu.cfg table tbody tr:last-child th,.drop_menu.cfg table tbody tr:last-child td {border-bottom:0;}
.drop_menu.cfg table tbody th {text-align:right;padding-left:15px;vertical-align:top;color:#323232;}
.drop_menu.cfg table tbody td select,.drop_menu.cfg table tbody td select,.drop_menu.cfg table tbody td span,.drop_menu.cfg table tbody td button {vertical-align:middle;margin:0;}
.drop_menu.cfg table tbody td .select_list li {border-bottom:1px solid #efefef;}
.drop_menu.cfg table tbody td .select_list li:last-child {border-bottom:0;}
.drop_menu.cfg table tbody td .select_list li span {color:#333;}
.drop_menu.cfg table tbody td .select_list li.active span {color:#cd4509;font-weight:bold;}
.drop_menu.cfg table tbody td select {height:auto;}
.drop_menu.cfg table tbody td input[type=radio] {margin-right:5px;}
.drop_menu.cfg .btn_line {border-top:1px solid #dcdcdc;padding:10px 0;text-align:center;}
.drop_menu.cfg .btn_line .btn.default {border:1px solid #ccc;background:#fafafa;padding:0 15px;font-size:1em;height:28px;}
.drop_menu.cfg .btn_line .btn.default span {color:#323232;}
.drop_menu.cfg .btn_line .btn.default:first-child {margin-right:5px;}
.drop_menu.cfg #mail_group li {padding:5px 7px;color:#505050;}
.drop_menu.cfg #mail_group li label {
	display: block;
	margin: -19px 0 0 17px;
}

.drop_menu.cfg .radio_list label.tab_menu{
	display:inline-block;
	vertical-align: top;
	margin-left: -4px;
}

.drop_menu.cfg .radio_list label.date{
	display:inline-block;
	vertical-align: top;
	margin-left: -4px;
}

/* 메일함 이동시 스타일 */
.drag_move {background:#fafafa;position:absolute;padding:5px 10px;border:1px solid #dcdcdc;z-index:99;box-shadow:2px 2px 3px rgba(0,0,0,.15);}

.left_top_bt {padding:0;border-bottom:1px solid #cacaca;background:url(../../images/common/header_bg.gif) repeat-x;}
.left_top_bt ul:after {content:"";display:block;clear:both;}
.left_top_bt li {float:left;}

.mail_box_list .left_top_state {border-bottom:1px solid #c8c8c8;height:31px;background:#fafafa;position:relative;padding-top:5px;}
.mail_box_list .left_top_state .left_top_state_graph_caption {text-align:right;position:absolute;right:15px;top:14px;z-index:1;color:#fff;}
.mail_box_list .left_top_state .left_top_state_graph {background:#f17e46;height:26px;position:relative;margin:0 5px;}
.mail_box_list .left_top_state .left_top_state_graph span {background:#a0a0a0;height:26px;position:absolute;left:0;top:0;}


.body_header .count {position:absolute;top:20px;}
.option_area li{min-width:80px;}
.option_area li.long{min-width:130px;}

.s_help li{
	background: url(../../images/common/bull_01.gif) left center no-repeat;
	padding-left: 15px;
}

.s_help {color:gray; line-height:150%; padding:5px; letter-spacing:-1px;}

/* 에러 CSS :START */
.error_msg{
	white-space: pre;
	clear:both;
	padding-top:2px;
	color:#dc321e;
	line-height:1.3;
	display:block;/* 아래칸으로 표시되기 위함.*/
}
.ui-widget-content .error_msg {white-space:normal;}
.error_textbox{
	border:1px  solid #ccc !important;
	/* box-shadow:0 0 5px rgba(255,27,53,0.5); */
	padding: 1px 0 1px 5px;
	height: 20px;
}
/* 에러 CSS :END */

.ui-widget-content.ui-widget-content.left #alertMessage{text-align: left;}

/* account input box error css  start */
input.error_textbox.login {height:40px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1) inset,0 0 5px rgba(255,27,53,0.5);font-size:16px;font-weight:bold;color:#950000;width:100%;line-height:45px;}
div.error_box.login {position:absolute;top:10px;left:400px;width:220px;margin:10px 30px;border-radius:5px;padding:12px 20px;background:url(../../images/common/error_box_rd.gif) 0 50% no-repeat;text-align:center;color:#fff;display:table-cell;vertical-align:middle;z-index:15;}

.login2 div.error_box.login {left:88px;top:70px;margin:0;}
.error_box .close_btn {position:absolute;right:5px;top:5px;}

.login3 .login3_erroe_box {background:url(../../images/common/login3_error_bg.png) no-repeat;width:246px;height:116px;position:absolute;right:280px;top:24px;}
.login3 .login3_erroe_box .error_title {font-size:14px;font-weight:bold;color:#4b4b4b;margin:20px 0 0 45px;letter-spacing:-1px;}
.login3 .login3_erroe_box .error_msg {margin-top:7px;padding:20px 34px 0 23px;text-align:center;}
.login3 .login3_erroe_box .error_msg span {display:block;margin-bottom:5px;}
.login3 .error_textbox {margin:0;height:21px;border:1px solid #c41a1a;width:184px;border-top-right-radius:3px;border-bottom-right-radius:3px;}

.login4 .login4_error_box {position:absolute;left:0px;top:70px;width:300px;height:51px;background:url(../../images/common/login4_error_bg.gif);z-index:5;border-bottom:1px solid #5e91ad;}
.login4 .login4_error_box .close_btn {position:absolute;right:5px;top:5px;}
.login4 .error_msg {text-align:center;color:#fff;font-weight:bold;width:300px;height:51px;padding:0;display:table-cell;vertical-align:middle;line-height:140%;}
.ico_error {background:url(../../images/common/ico_error.png);width:18px;height:15px;}
.login4 .ico_error {position:absolute;left:20px;top:18px;}
.login4 .error_textbox {border:1px solid #c41a1a;width:110px;height:17px;border-radius:0;margin-left:10px;padding:0;}


.login5 .error_textbox {width:100%;height:26px;border-radius:3px;border:1px solid #c41a1a;box-shadow:0 2px 5px rgba(0,0,0,.3) inset,0 1px 0 rgba(255,255,255,.4);box-shadow:0 2px 4px rgba(0,0,0,.1) inset,0 0 5px rgba(255,27,53,0.5);line-height:26px;}

.error_textbox.account {border:1px solid #c41a1a !important;border-radius:0;box-shadow:0 0 5px rgba(255,27,53,0.5),0 2px 4px rgba(0,0,0,.1) inset;height:16px;vertical-align:middle;}
.error_textbox.account.short {width:100px;}
.error_textbox.account.default {width:165px;}
.error_textbox.account.long {width:250px;}
.error_textbox.account.full {width:100%;}
.error_msg.account{margin-left:10px;}

/* 관리자 / 웹하드 로그인 에러 메시지 20130507 */
.login_etc_area .error_msg_box {position:absolute;bottom:0px;left:0;right:0;text-align:center;border-top:1px solid #65654e;padding:20px 0;background:#e9eab6;font-weight:bold;color:#9b291f;box-shadow:0 -1px 5px rgba(0,0,0,.3);line-height:140%;}
.loginetc_input.error {border:1px solid #bc3426 !important;color:#8b251b;}
/* account input box error css  end */


/* 테이블 스타일 CSS :START */
.list_tb{width:100%;}

.list_tb th{padding:0 5px;text-align:left;background:#ececec;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;height :20px;vertical-align:middle;overflow:hidden;font-size:11px;color:#666;letter-spacing:-1px;font-weight:normal;}
.list_tb th .left{border-left:none;}
.list_tb td{padding:0 5px;height :28px;vertical-align:middle;border-bottom:1px solid #efefef;word-break:break-all;line-height:20px;}

.list_check{
	text-align :center;
	/*font-size:25px;/* 체크박스 중앙 정렬 위함. */
}
.list_import{text-align :center;}
.list_star{text-align :center;}
.list_read{text-align :center;}
.list_file{text-align :center;}
.list_set{text-align :center;}
.list_noData{text-align :center;}

.list_name{text-align :left;}
.list_name A:link {COLOR:#000;text-decoration:none;}
.list_name A:visited {COLOR:#000;text-decoration:none;}
.list_name A:active {COLOR:#000;text-decoration:none;}
.list_name A:hover {COLOR:#0459c1;text-decoration:none;}

.list_mail{text-align :left;}
.list_mail A:link {COLOR:#000;text-decoration:none;}
.list_mail A:visited {COLOR:#000;text-decoration:none;}
.list_mail A:active {COLOR:#000;text-decoration:none;}
.list_mail A:hover {COLOR:#0459c1;text-decoration:none;}

.list_edi{COLOR:#000;text-align :center;}
.list_edi A:link {COLOR:#000;text-decoration:none;}
.list_edi A:visited {COLOR:#000;text-decoration:none;}
.list_edi A:active {COLOR:#000;text-decoration:none;}
.list_edi A:hover {COLOR:#0459c1;text-decoration:none;}

.list_left{text-align :left;}
.list_left A:link {COLOR:#000;text-decoration:none;}
.list_left A:visited {COLOR:#000;text-decoration:none;}
.list_left A:active {COLOR:#000;text-decoration:none;}
.list_left A:hover {COLOR:#0459c1;text-decoration:none;}

.list_center{text-align :center;}
.list_center A:link {COLOR:#000;text-decoration:none;}
.list_center A:visited {COLOR:#000;text-decoration:none;}
.list_center A:active {COLOR:#000;text-decoration:none;}
.list_center A:hover {COLOR:#0459c1;text-decoration:none;}

.calendar_prev {width:100%;}
.calendar_prev th {border-bottom:1px solid #f1f1f1;padding:5px 0;}
.calendar_prev td{vertical-align:middle;padding:5px 1px;text-align:center;font-size:11px;}


.calendar_admin {width:100%;border:1px solid #ccc;}
.calendar_admin th {border-bottom:1px solid #f1f1f1;padding:4px 0;}
.calendar_admin td{vertical-align:middle;padding:6px 1px;text-align:center;font-size:11px;}

.calendar_sun{color:#df0023;cursor:pointer;}
.calendar_sat{color:#0072bc;cursor:pointer;}
.calendar_week{color:#000;cursor:pointer;}
.calendar_dis{color:#b2b2b2;}
.calendar_sun_dis{color:#f5b2bd;}
.calendar_sat_dis{color:#b2d4eb;}


.add_tb{table-layout:fixed;width:100%;border-collapse:collapse;}
.add_tb th{padding:8px 10px;text-align:left;font-weight:bold;background-color:#f0f0f0;border:solid #dcdcdc;border-width:1px 0px 1px 0px;vertical-align:middle;}
.add_tb td{padding:8px 10px;border:solid #dcdcdc;border-width:1px 0px 1px 1px;word-break:break-all;line-height:20px;}

.sch_month{width:100%;}

.sch_month th{padding:0 5px;text-align:center;background:#ececec;font-weight:bold;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;height :20px;vertical-align:middle;overflow:hidden;font-size:11px;color:#666;letter-spacing:-1px;}
.sch_month td{padding:5px;height :28px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;word-break:break-all;line-height:20px;}

.sch_month td{padding:8px;height :80px;border:solid 1px #ccc;}
.sun{color :red;}
.sat{color :blue;}


.list_sub{border:1px solid #dcdcdc;width:100%;}
.list_sub th{padding:8px 10px;text-align:left;font-weight:bold;background-color:#f0f0f0;vertical-align:middle;border:1px solid #dcdcdc;text-align:center;}
.list_sub td{padding:8px 10px;word-break:break-all;border:1px solid #dcdcdc;}


.list_sub2{border:1px solid #dcdcdc;width:100%;}
.list_sub2 th{padding:8px 10px;text-align:left;font-weight:bold;background-color:#f0f0f0;vertical-align:middle;border:1px solid #dcdcdc;text-align:center;}
.list_sub2 td{padding:8px 10px;word-break:break-all;line-height:20px;border:1px solid #dcdcdc;}

.sms_tb{width:100%;border-top:2px solid #8c8c8c;border-bottom:2px solid #8c8c8c;}
.sms_tb th{border:1px solid #dbdbdb;padding:5px;text-align:left;background:#ececec;height :20px;vertical-align:middle;overflow:hidden;font-weight:bold;}
.sms_tb td{border:1px solid #dbdbdb;padding:5px;height :28px;vertical-align:middle;word-break:break-all;line-height:20px;}

.t_fixed_header .checkbox{
	text-align:center !important;
	padding:0 !important;
}

.t_fixed_header .size{
	padding:0 5px 0 0 !important;
	text-align:right !important;
}
div.t_fixed_header.mail_attach .headtable th.size {text-align:left !important;}

.t_fixed_header .date{
	padding:0 !important;
	text-align:center !important;
}

.t_fixed_header .func{
	padding:0 !important;
	text-align:center !important;
}

.t_fixed_header .number{
	padding:0 !important;
	text-align:center !important;
}

.t_fixed_header .info{
	padding:0 !important;
	text-align:center !important;
}
/* 테이블 CSS :END */



/* 경고창 CSS :START */
#alertWindow{
	position:relative;
}
#alertBox{
	/* position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:table;
	width:100%;
	height:77px;*/
	padding:30px 20px;
	position:relative;
}
#alertMessage{
	/* display:table-cell;
	text-align:left;
	vertical-align:middle;
	line-height:1.4;
	padding:5px 10px;*/
	vertical-align:middle;
	font-size:12px;
	line-height:140%;
	text-align:center;
	word-break:break-all;
}
.timeout_info{
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	color:#999;
}
/* 경고창 CSS :END */

/* 메일발송 중 안내 레이어 */
.sending_area{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:rgba(0,0,0,.5);color:#323232;display:none;}
.sending_area .modal{position:absolute;width:400px;left:50%;margin-left:-200px;top:50%;margin-top:-100px;background:#fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.8);}
.sending_area .modal_content.loading {height:120px;}
.sending_area .modal_content.loading .modal_list {text-align:center;padding:30px 0;}
.sending_area .modal_content.loading .modal_list h2 {font-size:14px;font-weight:bold;margin-bottom:10px;}

/* 포커싱에 따른 인풋박스 배경색 변화 20150225 Edit by ahin */
.input_in {background:#eff6f8;}
.input_out {background:#fff;}


/* 메일 작성 :CSS */
.mail_write_input {
	width:auto;
}

.mail_write_input .write_top_label {
	text-align:left;
	padding:0 0 0 10px;
	width:130px;
	vertical-align:middle;
	position:relative;
}

.mail_write_input .write_top_label .tome_area {
	position:absolute;
	right:5px;
	top:0;
	padding:0;
	vertical-align:middle;
}

.mail_write_input .write_top_label .tome_area span {
	vertical-align:middle;
	font-weight:normal;
	color:#323232;
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 2px;
}

.mail_write_input .write_top_label .tome * {
	/* vertical-align:middle; */
}

.mail_write_input .write_top_input {
	width:auto;
	padding:3px 0;
	height:26px;
}

.mail_write_input .rel {
	position:relative;
}

.mail_write_input .write_top_input .input_area {
	background:#fff none repeat scroll 0 0;
	box-sizing:content-box;
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
}

.mail_write_input .write_top_input .input_area input {
	border:1px solid #cbcbcb;
	font-size:12px;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0 5px;
	vertical-align:middle;
	width:100%;
}

.mail_write_input .write_top_input .input_area select {
	width:100%;
	padding:0;
	margin:0 0 0 0px;
	vertical-align:middle;
	height:24px;
	line-height:22px;
	border:0;
	font-size:12px;
	border:1px solid #cbcbcb;
}

.mail_write_input .write_top_input .input_area.fromname {
	/* width:120px;*/
	/* margin-right:13px; */
}

.mail_write_input .write_top_input .input_area.fromaddr {
	/* width:200px;*/
}

.mail_write_input .write_top_input .recv {
	position:relative;
	vertical-align:middle;
	margin-right:226px;
}

.mail_write_input .write_top_input .recv.none_easyAddressBook {margin-right : 72px;}

.mail_write_input .write_top_input .recv textarea {
	width:100%;
	border:none;
	vertical-align:middle;
	font-size:12px;
	margin:0;
	padding:0;
	resize:none;
}

.mail_write_input .write_top_btn {
	padding:0 20px 0 0;
	text-align:right;
	width:60px;
}

.mail_write_input .write_top_input .recv_menu {
	position:absolute;
	top:0;
	right:10px;
	text-align:right;
}

.mail_write_input .write_top_input .recv_menu ul:after {
	content:"";
	display:block;
	clear:both;
}

.mail_write_input .write_top_input .recv_menu ul {
	*zoom:1;
}

.mail_write_input .write_top_input .recv_menu > ul > li {
	float:left;
	margin-left:10px;
}

.mail_write_input .write_top_input .recv_menu li.address_bookmark span {
	vertical-align:middle;
	color:#646464;
}

.mail_write_input .write_top_input .recv_menu li.address_bookmark span.icon.arrow {
	width:6px;
	height:12px;
	display:inline-block;
	vertical-align:middle;
	background:url(../../images/common/icon_write_top_arrow.gif) no-repeat;
	margin-left:3px;
}

.mail_write_input .write_top_input .recv_menu li.address_bookmark span.icon.arrow.open {
	background-position:0 0;
}

.mail_write_input .write_top_input .recv_menu li.address_bookmark span.icon.arrow.close {
	background-position:0 0;
}

.mail_write_input .write_top_input .recv_menu div.address_bookmark_drop {
	background:#fff;
	border:1px solid #cacaca;
	border-width:1px 1px 0 1px;
	position:absolute;
	z-index:99 !important;
	right:0;
	top:40px;
}

.mail_write_input .write_top_input .recv_menu div.address_bookmark_drop li span {
	padding:0 20px;
	display:block;
	border-bottom:1px solid #cacaca;
	height:31px;
	line-height:31px;
	min-width:75px;
	text-align:center;
	color:#646464;
	background:#fafafa;
}

.mail_write_input .write_top_input .recv_menu div.address_bookmark_drop li a:hover span {
	background:#eaeaea;
}

.mail_write_input .write_top_input .recv_menu .easyAddressBook {
	width:150px;
}

.mail_write_input .write_top_input .recv_menu .btn_receiver {
	width:56px;
	padding:0;
	margin:0 1px 0 0;
	height:24px;
	font-size: 12px;
}

.mail_write_input .write_top_input .subject_area {
	position:relative;
	background:#FFF;
	box-sizing:content-box;
	padding:0;
	margin:0 10px 0 0;
	overflow: hidden;
}

.mail_write_input .write_top_input .subject_area .label_text span {
	position:absolute;
	left:0;
	top:3px;
	font-weight:bold;
	color:#646464;
	font-size:13px;
}

.mail_write_input .write_top_input .subject_area .subject {
	width:100%;
	border:none;
	vertical-align:middle;
	font-size:12px;
	padding:0 5px;
	color:#323232;
	outline-style:none;
	border:1px solid #cbcbcb;
	height:24px;
	line-height:22px;
	*height:auto;/* ie7 hack by ahin 20150403 */
	*padding:5px 0px; /* ie7 hack by ahin 20150403 */
	box-sizing: border-box;
}

.mail_write_input .write_top_input .subject_area .subject_rec {
	width:100%;
	border:none;
	vertical-align:middle;
	font-size:12px;
	padding:0 0px;
	color:#323232;
	outline-style:none;
	border:1px solid #cbcbcb;
	height:22px;
	line-height:22px;
	*height:auto;/* ie7 hack by ahin 20150403 */
	*padding:5px 0px; /* ie7 hack by ahin 20150403 */
}

.mail_write_input .write_top_input .subject_area .subject:focus {
	background-color:#eff6f8
}

.mail_write_input .write_top_input .btn_option {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	text-align:right;
}

.mail_write_input .write_top_input .apline_area {
	position:relative;
	border:1px solid #cbcbcb;
	background:#FFF;
	box-sizing:content-box;
	padding:0;
	margin-right:70px;
}

.mail_write_input .write_top_input .apline_area .apline {
	width:100%;
	border:none;
	vertical-align:middle;
	min-height:18px;
	line-height:18px;
	height:18px;
	font-size:12px;
	margin:0;
	padding:0;
}

.mail_write_input .write_top_input .btn_apline {
	position:absolute;
	top:0;
	right:4px;
	width:70px;
	text-align:right;
}

.mail_write_input .write_top_option_area th {
	border-bottom:none;
	position:relative;
	color:#646464;
	font-size:12px;
}

.mail_write_input .write_top_option_area td {
	border-bottom:none;
	position:relative;
	color:#646464;
	font-size:12px;
}

.mail_write_input .write_top_option_area .option_extend th {
	border-top:2px solid #f0f0f0 !important;
}

.mail_write_input .write_top_option_area .option_extend td {
	border-top:2px solid #f0f0f0 !important;
	border-collapse:separate;
}

.mail_write_input .write_top_option_area td span {
	display:inline-block;
	margin-left:2px;
}

.mail_write_input .write_top_option_area td .option_right {
	position:absolute;
	right:10px;
	top:0;
	height:26px;
	margin:0;
}

.mail_write_input .write_top_option_area td form {
	display:inline-block;
	margin-right:20px;
}

.mail_write_input .write_option td .write_option_drop .icon.arrow {
	width:6px;
	height:12px;
	display:inline-block;
	vertical-align:middle;
	background:url(../../images/common/icon_write_top_arrow.gif) no-repeat;
	margin-left:3px;
}

.mail_write_input .write_option td .write_option_drop .icon.arrow.open {
	background-position:0 -2px;
}

.mail_write_input .write_option td .write_option_drop .icon.arrow.close {
	background-position:-6px -2px;
}

.mail_write_input .write_option td .write_option_drop a span {
	color:#646464;
}

.mail_input_reference {
	display:none;
}

/* 파일 업로드 프로그레스 바 스타일 */
.upload_progress li {
	padding:2px;
	overflow:hidden;
}

.upload_progress dt {
	padding:2px 0;
}

.upload_progress dd {
	height:15px;
}

.upload_progress dd div {
	height:100%;
	border:1px solid #ccc;
}

/* 메일작성 말머리 추가 CSS */

.mail_write_input .write_top_input .subject_menu {
	float: left;
	padding-right: 5px;
}

.mail_write_input .write_top_input .subject_menu .input_area {width:100px;}



/* 태그 기능 추가 CSS */
.tag_box {background:#fff;padding: 5px 10px 10px 37px;}
.tag_box:after {content:"";display:block;clear:both;}
.tag_box li {float:left;height:20px;/*font-size:12px;*/line-height:20px;margin-right:5px;}
.tag_box li a:hover {font-size:12px;color:#1b74d0;}

#tag_area {background:url(../../images/common/bg_tag.gif) 0 2px no-repeat;margin:0 5px;position:relative;}
#tag_area .tagit .tagit-new{height:22px;padding:0;}
#tag_area .show_all_tag {width:100px;height:22px;color:#fff;background:#cd4509;font-size:1em;border-radius:11px;}

#tag_area .all_tag {position:absolute;border:1px solid #dcdcdc;background:#fafafa;left:0;right:0;margin-top:5px;padding:20px;z-index:10;}
#tag_area .all_tag h4 {border-bottom:1px solid #eaeaea;font-size:1.24em;padding-bottom:10px;margin-bottom:10px;font-weight:bold;color:#323232;}
#tag_area .all_tag button.closed {position:absolute;right:20px;top:20px;background:url(../../images/common/btn_closed_tag.gif) center center no-repeat;width:12px;height:12px;}
#tag_area .all_tag ul:after {content:"";display:block;clear:both;}
#tag_area .all_tag ul li {float:left;background:#909090;height:22px;line-height:22px;padding:0 10px;border-radius:11px;border:0;margin:0 5px 5px 0;}
#tag_area .all_tag ul li span {color:#fff;font-size:1em;cursor:pointer;}

p.config_caption {
	color:gray;
	padding:5px 10px 5px 20px;
	margin-top:5px;
	background:url(../../images/common/btn_help.png) left center no-repeat;
	clear: both;
}

.config_table_option {padding:5px 0;}
.config_table_option dl {padding:5px 0;border-top:1px solid #dcdcdc;}
/*.config_table_option dl:first-child {border-top:1px solid #dcdcdc;}*/
.config_table_option dl dt {display:inline-block;font-weight:bold;margin-right:5px;}
.config_table_option dl dd {display:inline-block;margin-right:5px;}
.config_table_option dl dd input[type=radio] {margin-right:5px;}


/* 화면 분할 설정 CSS */
span.set_view {display:inline-block;width:14px;height:14px;margin:0 15px 0 5px;background:url(../../images/common/icon_set_view.gif) no-repeat;vertical-align:middle;}
span.set_view.icon1 {background-position:0 0;}
span.set_view.icon2 {background-position:-14px 0;}
span.set_view.icon3 {background-position:-28px 0;}

/* 탭 UI */
.body_tab .tab_nav_area {height:40px;border-bottom:1px solid #c8c8c8;z-index:2;position:relative;}
.body_tab .tab_nav_area:after {content:"";display:block;clear:both;}
.body_tab .tab_nav_area .tab_nav {padding:10px 0 0 10px;float:left;margin-right:10px;}
.body_tab .tab_nav_area .tab_nav:after {content:"";display:block;clear:both;}
.body_tab .tab_nav_area .tab_nav li {float:left;display:block;margin-right:1px;position:relative;}
.body_tab .tab_nav_area .tab_nav li a {display:block;height:30px;line-height:30px;font-size:14px;padding:0 33px 0 20px;border:1px solid #dcdcdc;border-width:1px 1px 0 1px;border-top-left-radius:5px;border-top-right-radius:5px;color:#bababa;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:-1px;}
.body_tab .tab_nav_area .tab_nav li:first-child a {padding-right:20px;}
.body_tab .tab_nav_area .tab_nav li p.info {position:absolute;right:15px;top:8px;}
.body_tab .tab_nav_area .tab_nav li p.info a {padding:0;display:inline-block;border:0;line-height:normal;font-weight:normal;background:none;font-size:1.09em;}
.body_tab .tab_nav_area .tab_nav li p.info span {vertical-align:middle;color:#909090;}
.body_tab .tab_nav_area .tab_nav li p.info span.point {vertical-align:middle;color:#cd4509;}
.body_tab .tab_nav_area .tab_nav li.info a {padding-right:50px;}
.body_tab .tab_nav_area .tab_nav li.active a {border:1px solid #c8c8c8;border-bottom:1px solid #fafafa;color:#323232;font-weight:bold;background:#fafafa;}
.body_tab .tab_nav_area .tab_nav li span.star {display:inline-block;width:16px;height:15px;background:url(../../images/common/star_set.png) no-repeat;margin-right:5px;margin-top:-2px;}
.body_tab .tab_nav_area .tab_nav li span.star.y {background-position:0 0;}
.body_tab .tab_nav_area .tab_nav li span.star.b {background-position:-16px 0;}
.body_tab .tab_nav_area .tab_nav li span.star.r {background-position:-32px 0;}
.body_tab .tab_nav_area .tab_nav li span.star.g {background-position:-48px 0;}
.body_tab .tab_nav_area .tab_nav li span.text {position:absolute;left:-10000px;top:-10000px;}
.body_tab .tab_nav_area button.btn {background:url(../../images/common/btn_tab_nav.png) no-repeat;}
.body_tab .tab_nav_area .tab_nav li .btn.closed {position:absolute;right:11px;top:8px;width:15px;height:15px;background-position:-20px 0;}
.body_tab .tab_nav_area .tab_nav li .btn.closed:hover {background-position:0px 0;}

.body_tab .panes {z-index:2;top:41px;}
.body_tab .body_header {background:#fafafa;z-index:3;height:40px;display:none;}
.body_tab.mail_list .body_header {display:block;}
.body_tab .body_header h1 {display:none;}
.body_tab .body_header .left_content_head {padding: 0 0 0 20px;line-height:40px;}
.body_tab .body_header .search_top {top:0;}
.body_tab .body_header .search_top > div.search {/* margin-top: -4px; */top: 7px;}
.body_tab .body_header .search_top .detail_search {top: 40px;}
.body_tab .body_header .search_top table {line-height:30px;}

.body_tab .sensmail_search {background:#fafafa;margin-top:0;line-height:34px;height:34px;}
.body_tab .content_header {top:0px;}
.body_tab .content_area {top:41px;}
.body_tab .panes.send .content_area {top:0;}

.body_tab.mail_list .content_header {top:42px;}
.body_tab.mail_list .content_header.search {top:76px;}
.body_tab.mail_list .content_area {top:83px;}
.body_tab.mail_list .content_area.search {top:111px;}

.btn_line.view {margin:10px;text-align:right;}

/* 탭 새로고침버튼 위치 */

.body_tab.mail_list .body_header button.btn.head.f5 {
	margin-top: 13px;
	border: 1px solid #ccc;
	width: 17px;
	height: 17px;
	background: url(../../images/common/bt_ic_reload.gif) no-repeat;
}

/* 대화형 UI */
.body_talk #mlist_area_talk {top:0;bottom:41px;padding:10px;}
.body_talk .chat_mail_section {margin:10px;position:relative;}
.body_talk .chat_mail_section.left {text-align:left;}
.body_talk .chat_mail_section.right {text-align:right;}
.body_talk .chat_mail_section.right .chat_mail_box {text-align:left;}

.body_talk .chat_mail_section .chat_mail_box {border:1px solid #bbb;display:inline-block;width:650px;position:relative;border-radius:4px;}
.body_talk .chat_mail_section.right .chat_mail_box {background:#e9f6ff;}
.body_talk .chat_mail_box .box_header {border-bottom:1px solid #dcdcdc;margin:0 10px;}
.body_talk .chat_mail_section.right .box_header {border-bottom:1px solid #d3e7f4;}
.body_talk .chat_mail_box .box_header .mail_box_title:after {content:"";display:block;clear:both;}
.body_talk .box_header .mail_box_title li {float:left;line-height:35px;}
.body_talk .box_header .mail_box_title li.mail_check {padding:0 3px 0 5px;}
.body_talk .box_header .mail_box_title li.mail_check input {margin:0;padding:0;vertical-align:middle;}
.body_talk .box_header .mail_box_title li.mail_star, .body_talk .box_header .mail_box_title li.mail_read {text-align:center;width:20px;}
.body_talk .box_header .mail_box_title li.m_star button {margin-top:0px;}
.body_talk .box_header .mail_box_title li.mail_read span.ico_read_subject {
	width:17px;
	height:15px;
	display:inline-block;
	background:url(../../images/common/ico_read.gif) -41px 0px no-repeat;
	vertical-align:middle;
}
.body_talk .box_header .mail_box_title.unread li.mail_read span.ico_read_subject {background-position:-22px 0;}
.body_talk .box_header .mail_box_title.unread li {font-weight:bold;}
.body_talk .box_header .mail_box_title li.mail_new_window {padding:0 5px;}
.body_talk .box_header .mail_box_title li.mail_subject .mailbox {color:#909090;margin-right:3px;}

.body_talk .user_line {margin:0 10px;padding:0 5px;border-bottom:1px solid #eaeaea;}
.body_talk .chat_mail_section.right .user_line {border-bottom:1px solid #def0fc;}
.body_talk .user_line p {padding:5px 0;}
.body_talk .user_line .user {display:inline-block;width:75px;color:#909090;}
.body_talk .user_line .country_img {border:1px solid #dcdcdc;display:inline-block;vertical-align:middle;margin-right:3px;}
.body_talk .user_line .to_user {color:#909090;margin-left:3px;}
.body_talk .user_line span {vertical-align:middle;}
.body_talk .user_line .user_list {display:none;}
.body_talk .user_line .user_list li {padding:5px 0;border-bottom:1px solid #f0f0f0;}
.body_talk .user_line .user_list li:first-child {border-top:1px solid #dcdcdc;}
.body_talk .user_line .user_list li:first-child .user {display:inline-block;}
.body_talk .user_line .user_list li:first-child .name {margin-left:0;}
.body_talk .user_line .user_list li:last-child {border-bottom:0;}
.body_talk .user_line .user_list .user {display:none;}
.body_talk .user_line .user_list .name {margin-left:75px;}
.body_talk .user_line.open .user_list {display:block;}

.body_talk .chat_mail_section.right .user_line .user_list li {padding:5px 0;border-bottom:1px solid #e0effa;}
.body_talk .chat_mail_section.right .user_line .user_list li:first-child {border-top:1px solid #d3e7f4;}
.body_talk .chat_mail_section.right .user_line .user_list li:last-child {border-bottom:0;}

.body_talk .file_line {margin:0 10px;padding:0 5px;}
.body_talk .file_line {border-bottom:1px solid #eaeaea;}
.body_talk .file_line p {padding:5px 0;}
.body_talk .file_line p .icon.file {display:inline-block;vertical-align:middle;width:13px;height:18px;background:url(../../images/common/ico_clip.png) 0 0 no-repeat;margin-right:5px;}
.body_talk .file_line p span {vertical-align:middle;}
.body_talk .file_line .file_name {color:#646464;}
.body_talk .file_line .size {color:#bababa;margin-left:3px;}
.body_talk .file_line a.down_all {color:#009bfe;margin-left:5px;}

.body_talk .file_line .file_list {display:none;}
.body_talk .file_line .file_list li {padding:5px 0;border-bottom:1px solid #f0f0f0;}
.body_talk .file_line .file_list li:first-child {border-top:1px solid #dcdcdc;}
.body_talk .file_line .file_list li:last-child {border-bottom:0;}
.body_talk .file_line .file_list li .btn.default {border:1px solid #dcdcdc;background:#fafafa;border-radius:2px;margin-left:5px;font-size:1em;padding:0 5px;height:24px;color:#646464;}
.body_talk .file_line.open .file_list {display:block;}

.body_talk a span.icon.arrow {display:inline-block;width:14px;height:11px;background:url(../../images/common/icon_chat_list_arrow.png) 0 0 no-repeat;margin-right:5px;}
.body_talk .user_line.open a span.icon.arrow,.body_talk .file_line.open a span.icon.arrow {background-position:-15px 0;}
.body_talk .user_line.closed a span.icon.arrow,.body_talk .file_line.closed a span.icon.arrow {background-position:0 0;}
.body_talk .chat_mail_section.open .box_open_closed span.icon.arrow {background-position:-45px 0;}
.body_talk .chat_mail_section.closed .box_open_closed span.icon.arrow {background-position:-30px 0;}

.body_talk .chat_mail_top div:last-child {border-bottom:0;}

.body_talk .box_content {display:none;}
.body_talk .chat_mail_section.open .box_content {display:block;padding:10px;overflow:auto;max-height:300px;}
.body_talk .chat_mail_section.open .chat_mail_top div:last-child {border-bottom:1px solid #dcdcdc;}

.body_talk .box_open_closed {border-top:1px solid #dcdcdc;}
.body_talk .box_open_closed a {display:block;background:#fafafa;text-align:center;line-height:34px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.body_talk .box_open_closed a span.icon.arrow {margin-left:5px;}
.body_talk .chat_mail_section.right .box_open_closed {border-top:1px solid #d3e7f4;}
.body_talk .chat_mail_section.right .box_open_closed a {background:#e1f0fa;}

.body_talk .box_open_closed a span {font-size:1.12em;color:#646464;}
.body_talk .chat_mail_section.open .box_open_closed p.box_closed {display:none;}
.body_talk .chat_mail_section.closed .box_open_closed p.box_open.box_open {display:none;}

.body_talk .mail_box_date {position:absolute;bottom:5px;font-size:1em;}
.body_talk .chat_mail_section.left .mail_box_date {left:660px;text-align:left;}
.body_talk .chat_mail_section.right .mail_box_date {right:660px;text-align:right;}
.body_talk .mail_box_date span {color:#909090;}

/* 메일 자동 분류 */
/* .li_area {padding:5px 5px !important;} */
.li_area li {line-height:160%;}

button.btn.head.disable {cursor:default !important;}
button.btn.head.disable {background:#f0f0f0 !important;}
button.btn.head.disable span {color:#909090 !important;}

.noticeWindow{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	padding: 20px;
	background-color: #f44336;
	color: white;
	margin-bottom: 15px;
	z-index: 9999;
	display:none;
}
.noticeWindow .noticeMessage{
	font-size:14px;
	font-weight: bold;
}
/* The close button */
.noticeWindow .closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.noticeWindow .closebtn:hover {
	color: black;
}


/* 서명관리 20180515 */

.config_table_area .config_right .list_signature table td {
	height: 30px;
	border-top: none;
}

.config_table_area .config_right .list_signature table th {
	height: 30px;
	border-top: none;
}

.config_table_area .config_right .list_signature table.sign_tbl tbody:last-child td {
	height: 30px;
	border-bottom: none;
}

.config_table_area .config_right .list_signature table.sign_tbl button {
	border: 1px solid #e0e0e0;
}

.config_table_area .config_right .list_signature span.bt_caption.add {
	display: block;
	padding-left: 13px;
	background: url(../../images/common/sign_add.png) 0px 4px no-repeat;
}


/* 공지사항 팝업 20180801 */

.pop-layer .pop-container {
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}

.pop-layer .pop-container .header {
	height:40px;
	margin-bottom: 0px;
	padding: 0 40px 0 15px;
	line-height: 38px;
	border-bottom: 1px solid #e3e3e3;
}

.pop-layer .pop-container .header h1 {
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pop-layer .pop-container .pop-content {
	overflow: auto;
	position: absolute;
	bottom: 35px;
	left: 0;
	top: 41px;
	right: 0;
	padding: 20px;
}

.pop-layer p.ctxt {
	color: #666;
	line-height: 25px;
	border-bottom: 1px solid #666;
}

.pop-layer .pop-container .pop-content p {
	line-height: 1.5em;
	margin-bottom: 10px;
}

.pop-layer .btn-r {
	width: 100%;
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
}

.pop-layer {
	display: none;
	position: absolute !important;
	height: auto;
	background-color: #fff;
	border: 1px solid #c7c7c7;
	-webkit-box-shadow: 0 2px 4px rgba(17,17,17,0.06), 0 4px 15px rgba(17,17,17,0.08);
	z-index: 10;
}

.pop-layer img{
	width : 100%;
	height : 100%;
	margin-right: 20px;
}
a.btn-layerClose:first-child {
	float: left;
	width: 50%;
	display: inline-block;
	height: 25px;
	background-color: #777;
	font-size: 13px;
	color: #fff;
	line-height: 33px;
	height: 35px;
}

a.btn-layerClose {
	float: left;
	width: 50%;
	display: inline-block;
	height: 25px;
	background-color: #555;
	font-size: 13px;
	color: #fff;
	line-height: 33px;
	height: 35px;
}

/** Drag&Drop */
.list_mov {position:relative;display:block;}
.list_mov span {position:absolute;left:72%;top:13px;width:17px;height:17px;background: url(../../images/common/ic_mail_move.png) no-repeat;}
.list_mov.no-drop span {background: url(../../images/common/ic_mail_move.png) 0 -17px no-repeat;}
.list_mov div {
	background-color:#fff;
	border: 1px solid #bbb;
	padding: 5px 12px;
	text-align: center;
	font-weight: bold;
}

/* 컨텐츠 영역 확장 레이아웃 */

.body_header button.btn.head.fold:hover {
    background-color: #f7f7f7;
}

.all > .wrap.fold > .body {
    left: 0px;
}

.all > .wrap.fold > .left_area {
    display: none;
}

.all > .wrap.fold > .body .body_header button.btn.head.fold {
    background-position: -135px -298px;
}