@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;}

label {/*line-height:130%; vertical-align:middle;*/}
select { border:1px solid #ccc; height:22px;}

input {ime-mode:active;}
input#email {ime-mode:disabled;}
input#mailid {ime-mode:disabled;}
input#changeid {ime-mode:disabled;}
input#retire_email {ime-mode:disabled;}
input#deputy_email {ime-mode:disabled;}
input#email_edit {ime-mode:disabled;}
input#gk_id {ime-mode:disabled;}
#mailDenyForm input#address {ime-mode:disabled;}

/* 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;font-size:10pt;font-family:'돋움',Dotum,Meiryo UI,arial,Sans-serif;}
td,th {vertical-align:middle;}
em {font-style:italic;}

/* 링크color 설정 */
/* 기본 페이지 color */
a:link {color:#000;}
a:hover {color:#333;}
a:active {color:#000;}
a:visited {color:#000;}

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

/* 글자 설정 공통 */
.txt.now {color:#b11717;font-weight:bold;}
.txt {color:#000;}
.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:#323232;}
.txt.gray {color:#3b3b3b;}
.txt.lightgray {color:#aaa;}
.txt.blue {color:#004e64;}
.txt.white {color:#fff;}
.txt.whitegray {color:#e4e4e4;}
.txt.yellow {color:#ffcc00;}
.txt.realred {color:#ff0000;}
.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:#999;}
.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;}

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

/* quick menu */
.quick_menu {position:absolute;left:0;right:0;top:0;z-index:999;}
.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 -1px 0 black;}
.quick_menu.show .quick_menu_list ul li .quickmenu_subject {display:block;color:#fff;font-weight:bold;text-shadow:0 -1px 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;}

/* 전체 영역 */
/* 상단 영역 공통 */
.top_area {height:50px;}

	/* 좌상단 CI */
	.top_area .left_top_ci {padding:13px 0 0 20px;}
	
	/* 우상단 메뉴 */
	.top_area ul {position:absolute;right:120px;top:20px;}
	.top_area ul.nonselect {right:120px;}
	.top_area ul:after {content:"";display:block;clear:both;}
	.top_area ul .top_menu {float:left;padding:0 5px;vertical-align:top;}
	.top_area ul .top_menu.memo {padding:3px 30px 0 0;background:url(../../images/common/top_memo_ico.gif) right 0 no-repeat;height:14px;margin:-3px 5px 0 0;}
	.top_area ul .top_menu.start {border-left:1px solid #c0c0c0;padding-left:10px;}
	.top_area ul .top_menu.end {border-right:1px solid #c0c0c0;padding-right:10px;}
	.top_area ul .top_menu.select {margin-top:-3px;}

/* 언어설정 셀렉트박스 공통사용 */
/* 2013년 1월 23일 추가. 셀렉트 박스 추가 */
.select {display:inline-block;line-height:normal;vertical-align:middle;color:#333;}
.select * {margin:0;padding:0;font-size:12px;cursor:pointer}
.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;}
.select.open .my_value,.select .my_value.outLine {border:1px solid #999}
.select button.my_value {width:100%;height:21px;text-indent:5px;}
.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;}
.select li a {display:block;height:18px;background:#fff;color:#767676;line-height:18px;text-indent:8px;text-decoration:none;}
.select li.hover * {background:#999;color:#fff}
.select_go {overflow:visible;height:21px;width:28px;padding:0;border:1px solid #bababa;background:#eee;font:bold 11px Tahoma;color:#767676;line-height:19px;vertical-align:middle;cursor:pointer}

/* Design InputBox 20130312 추가 */
.design_input {border:1px solid #cecece;border-radius:3px;height:22px;vertical-align:middle;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:#ffffeb;}
.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 {height:50px;}

	/* 스킨 적용
	bk :black
	r :red
	g :green
	p :purple
	b :blue
	gy :gray
	basic :New Skin */

	.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 {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 {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 {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 {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 {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 {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 {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 {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:5px 5px 0 0;border:1px solid #bababa;height:25px;}
	.main_content_top_bt.left.caption {margin:0 20px; color:#646464; line-height:130%; padding-top:5px;}
	.main_content_top_bt.left.caption p {padding:0 0 5px 0;}
	.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 {}
			.main_content_top_bt.right .content_head_sort li.active a {color:#b11717;}
	
	.main_content_top_bt.right {float:right;padding-right:4px;}
	.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:0 10px 10px 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;
	}


	/* 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:20px;z-index:3;right:0}
	button.btn.head.config:hover span.bt_caption_r.config {top:15px;}
	button.btn.head.new_window:hover span.bt_caption_r.new_window {top:15px;}
	
	/* 서울시 > 메인 > 새메일함 버튼 설명 */
	.seoul_home_mailbox .drop_menu {top:279px;}
	.seoul_home_mailbox .content_head_bt .bt_caption_r {margin-right:10px;}
	.seoul_home_mailbox .content_head_bt .bt_caption {margin-top:261px;}
	


	/* 20130212 수정 */
	
	button.btn.head.select_bt:hover span.bt_caption.select_bt {top:15px;}
	button.btn.head.delete:hover span.bt_caption.delete {top:15px;}
	button.btn.head.shift_del_s:hover span.bt_caption.shift_del_s {top:15px;}
	button.btn.head.shift_del:hover span.bt_caption.shift_del {top:15px;}
	button.btn.head.re_s:hover span.bt_caption.re_s {top:15px;}
	button.btn.head.to_re_s:hover span.bt_caption.to_re_s {top:15px;}
	button.btn.head.to_re:hover span.bt_caption.to_re {top:15px;}
	button.btn.head.mov_s:hover span.bt_caption.mov_s {top:15px;}
	button.btn.head.read_s:hover span.bt_caption.read_s {top:15px;}
	button.btn.head.cancel:hover span.bt_caption.cancle {top:15px;}
	button.btn.head.fwd:hover span.bt_caption.fwd {top:15px;}
	button.btn.head.addr_send:hover span.bt_caption.addr_send {top:15px;}
	button.btn.head.re:hover span.bt_caption.re {top:15px;}
	button.btn.head.fwd_s:hover span.bt_caption.fwd_s {top:15px;}
	button.btn.head.qui:hover span.bt_caption.qui {top:15px;}
	button.btn.head.move:hover span.bt_caption.move {top:15px;}
	button.btn.head.read:hover span.bt_caption.read {top:15px;}
	button.btn.head.save:hover span.bt_caption.save {top:15px;}
	button.btn.head.org:hover span.bt_caption.org {top:15px;}
	button.btn.head.f5:hover span.bt_caption_r.f5 {top:266px;}
	button.btn.head.config:hover span.bt_caption.config {top:15px;}
	button.btn.head.search:hover span.bt_caption.search {top:15px;right:0;}
	button.btn.head.add_folder:hover span.bt_caption.add_folder {top:15px;}
	button.btn.head.delete_s:hover span.bt_caption.delete_s {top:15px;}
	button.btn.head.delete_s:hover span.bt_caption.delete {top:15px;}
	button.btn.head.up:hover span.bt_caption.up {top:15px;}
	button.btn.head.down:hover span.bt_caption.down {top:15px;}
	button.btn.head.share:hover span.bt_caption.share {top:15px;}
	button.btn.head.file:hover span.bt_caption.file {top:15px;}
	button.btn.head.option:hover span.bt_caption.option {top:15px;}
	button.btn.head.addpeople:hover span.bt_caption.addpeople {top:15px;}
	button.btn.head.select_s:hover span.bt_caption.select_s {top:15px;}
	button.btn.head.print:hover span.bt_caption.print {top:15px;}
	button.btn.head.copy:hover span.bt_caption.copy {top:15px;}

	button.btn.head.copy_s:hover span.bt_caption.copy_s {top:15px;}

	button.btn.head.write:hover span.bt_caption.write {top:15px;}
	button.btn.head.view_list:hover span.bt_caption.view_list {top:15px;}
	button.btn.head.view_img:hover span.bt_caption.view_img {top:15px;}
	button.btn.head.add_group:hover span.bt_caption.add_group {top:15px;}
	button.btn.head.reply:hover span.bt_caption.reply {top:15px;}
	button.btn.head.mody:hover span.bt_caption.mody {top:15px;}
	button.btn.head.submit:hover span.bt_caption.submit {top:15px;}
	button.btn.head.add:hover span.bt_caption.add {top:15px;}
	button.btn.head.review:hover span.bt_caption.review {top:15px;}
	button.btn.head.send:hover span.bt_caption.send {top:15px;}
	button.btn.head.resend:hover span.bt_caption.resend {top:15px;}
	button.btn.head.sign:hover span.bt_caption.sign {top:15px;}
	button.btn.head.config_people:hover span.bt_caption.config_people {top:15px;}
	button.btn.head.othermail:hover span.bt_caption.othermail {top:15px;}
	button.btn.head.new_window:hover span.bt_caption.new_window {top:15px;}
	button.btn.head.sms_use:hover span.bt_caption.sms_use {top:15px;}
	button.btn.head.sms_block:hover span.bt_caption.sms_block {top:15px;}
	button.btn.head.bt_month:hover span.bt_caption.bt_month {top:15px;}
	button.btn.head.bt_week:hover span.bt_caption.bt_week {top:15px;}
	button.btn.head.bt_day:hover span.bt_caption.bt_day {top:15px;}
	button.btn.head.repair.mailbox:hover span.bt_caption.mailbox {top:15px;}
	button.btn.head.add_d:hover span.bt_caption.add {top:15px;}
	button.btn.head.cate_config:hover span.bt_caption.category {top:15px;}
	button.btn.head.temp_config:hover span.bt_caption.template {top:15px;}
	button.btn.head.notice:hover span.bt_caption.config {top:15px;}


	.textbtn button.btn.head.re_s:hover span.bt_caption.re_s {top:-1px;}
	.textbtn button.btn.head.mov_s:hover span.bt_caption.mov_s {top:-1px;}
	.textbtn button.btn.head.read_s:hover span.bt_caption.read_s {top:-1px;}
	.textbtn button.btn.head.to_re_s:hover span.bt_caption.to_re_s {top:-1px;}
	.textbtn button.btn.head.to_re:hover span.bt_caption.to_re {top:-1px;}
	.textbtn button.btn.head.select_bt:hover span.bt_caption.select_bt {top:-1px;}
	.textbtn button.btn.head.delete:hover span.bt_caption.delete {top:-1px;}
	.textbtn button.btn.head.shift_del_s:hover span.bt_caption.shift_del_s {top:-1px;}
	.textbtn button.btn.head.re:hover span.bt_caption.re {top:-1px;}
	.textbtn button.btn.head.fwd:hover span.bt_caption.fwd {top:-1px;}
	.textbtn button.btn.head.qui:hover span.bt_caption.qui {top:-1px;}
	.textbtn button.btn.head.move:hover span.bt_caption.move {top:-1px;}
	.textbtn button.btn.head.read:hover span.bt_caption.read {top:-1px;}
	.textbtn button.btn.head.save:hover span.bt_caption.save {top:-1px;}
	.textbtn button.btn.head.f5:hover span.bt_caption.f5 {top:-1px;}
	.textbtn button.btn.head.config:hover span.bt_caption.config {top:-1px;}
	.textbtn button.btn.head.search:hover span.bt_caption.search {top:0;right:-1px;}
	.textbtn button.btn.head.add_folder:hover span.bt_caption.add_folder {top:-1px;}
	.textbtn button.btn.head.delete_s:hover span.bt_caption.delete_s {top:-1px;}
	.textbtn button.btn.head.delete_s:hover span.bt_caption.delete {top:-1px;}
	.textbtn button.btn.head.up:hover span.bt_caption.up {top:-1px;}
	.textbtn button.btn.head.down:hover span.bt_caption.down {top:-1px;}
	.textbtn button.btn.head.share:hover span.bt_caption.share {top:-1px;}
	.textbtn button.btn.head.file:hover span.bt_caption.file {top:-1px;}
	.textbtn button.btn.head.option:hover span.bt_caption.option {top:-1px;}
	.textbtn button.btn.head.addpeople:hover span.bt_caption.addpeople {top:-1px;}
	.textbtn button.btn.head.select_s:hover span.bt_caption.select_s {top:-1px;}
	.textbtn button.btn.head.shift_del:hover span.bt_caption.shift_del {top:-1px;}
	.textbtn button.btn.head.fwd_s:hover span.bt_caption.fwd_s {top:-1px;}
	.textbtn button.btn.head.print:hover span.bt_caption.print {top:-1px;}
	.textbtn button.btn.head.copy:hover span.bt_caption.copy {top:-1px;}
	.textbtn button.btn.head.write:hover span.bt_caption.write {top:-1px;}
	.textbtn button.btn.head.view_list:hover span.bt_caption.view_list {top:-1px;}
	.textbtn button.btn.head.view_img:hover span.bt_caption.view_img {top:-1px;}
	.textbtn button.btn.head.add_group:hover span.bt_caption.add_group {top:-1px;}
	.textbtn button.btn.head.reply:hover span.bt_caption.reply {top:-1px;}
	.textbtn button.btn.head.mody:hover span.bt_caption.mody {top:-1px;}
	.textbtn button.btn.head.cancel:hover span.bt_caption.cancle {top:-1px;}
	.textbtn button.btn.head.submit:hover span.bt_caption.submit {top:-1px;}
	.textbtn button.btn.head.add:hover span.bt_caption.add {top:-1px;}
	.textbtn button.btn.head.review:hover span.bt_caption.review {top:-1px;}
	.textbtn button.btn.head.send:hover span.bt_caption.send {top:-1px;}
	.textbtn button.btn.head.resend:hover span.bt_caption.resend {top:-1px;}
	.textbtn button.btn.head.sign:hover span.bt_caption.sign {top:-1px;}
	.textbtn button.btn.head.config_people:hover span.bt_caption.config_people {top:-1px;}
	.textbtn button.btn.head.othermail:hover span.bt_caption.othermail {top:-1px;}
	.textbtn button.btn.head.new_window:hover span.bt_caption.new_window {top:-1px;}
	.textbtn button.btn.head.sms_use:hover span.bt_caption.sms_use {top:-1px;}
	.textbtn button.btn.head.sms_block:hover span.bt_caption.sms_block {top:-1px;}
	.textbtn button.btn.head.bt_month:hover span.bt_caption.bt_month {top:-1px;}
	.textbtn button.btn.head.bt_week:hover span.bt_caption.bt_week {top:-1px;}
	.textbtn button.btn.head.bt_day:hover span.bt_caption.bt_day {top:-1px;}
	.textbtn button.btn.head.mailbox:hover span.bt_caption.mailbox {top:-1px;}
	.textbtn button.btn.head.add_d:hover span.bt_caption.add {top:-1px;}
	.textbtn button.btn.head.cate_config:hover span.bt_caption.category {top:-1px;}
	.textbtn button.btn.head.temp_config:hover span.bt_caption.template {top:-1px;}
	.textbtn button.btn.head.notice:hover span.bt_caption.config {top:-1px;}
	.textbtn button.btn.head.addr_send:hover span.bt_caption.addr_send {top:-1px;}
	.textbtn button.btn.head.org:hover span.bt_caption.org {top:-1px;}
	.textbtn button.btn.head.copy_s:hover span.bt_caption.copy_s {top:-1px;}
	

	/* 글자버튼 사용 시 하단 도움말 숨김 */

	.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-width: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 {margin-top:12px;background:#fafafa;padding:0 20px;display:block;z-index:50;position:relative;width:340px;border:1px solid #bababa; top:-8px;}
.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;padding:20px 0 10px 0;margin-bottom:10px;}
.search_top .detail_search table th, td {padding:3px; text-align:left;}

.search_top .detail_search table th {text-align:right;color:#646464;padding-right:10px;width:110px;}
.search_top .detail_search table td {padding:3px;}
.search_top .detail_search table th select {padding:0;margin:0;width:110px;}
.search_top .detail_search .detail_search_btn {text-align:right;padding-bottom:15px;}
.search_top .detail_search .detail_search_btn button {margin-left:3px;}
.search_top .detail_search .hd_slt_mailbox{width:100%;}
.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 #bbb;font-size:12px;height:27px;line-height:25px;margin:0;padding:0;vertical-align:middle;}

/* 컨텐츠 */

.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; border:1px solid #dcdcdc;height:28px;}
	.content_area .config_content_head button {width:100px;height:30px; background:#fff;border:1px solid #bbb;position:absolute;right:10px;top:10px; border-radius:3px;}
		.content_area .config_content_head button span {color:#4f4f4f;}
		
/* 태그리스트 */
.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:224px;border-right:1px solid #fff;background:#ececec;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 #bbb; background:#fafafa;}
	.left_box li:last-child {/*padding-bottom:7px;*/}
	/*.left_box li:first-child {padding-bottom:0;}*/
	/* .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 35px;background:url(../../images/common/ico_left_arrow.gif) no-repeat #ececec;height:34px;line-height:34px;}
	.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:10px;}
	.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 20px;background:#ececec;}
		.left_box_list.nobg .left_box .left_list span.txt.title i {color:#646464;}
	.left_box .left_list.drop span.txt.title {background-position:20px 13px;border-bottom:1px solid #ccc;}
	.left_box .left_list.close span.txt.title {background-position:20px -27px;}
	.left_box .left_list.none span.txt.title {background-position:20px -90px;padding-left:20px;}
	.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:#fafafa;padding:3px 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 20px;}
	.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:5px;top:8px;}
	.left_box .btn_left_box.star {right:10px;top:11px;}
	.left_box .btn_left_box:after {content:"";display:block;clear:both;}
	.left_box .btn_left_box li {float:left;}
	/* 메뉴 트리 수정 */
	.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:-15px 5px;padding:5px;}
	.left_box .left_config {display:block;width:10px;height:10px;background:url(../../images/common/btn_left_set.gif) no-repeat;background-position:5px 5px;padding:5px;}
	.left_box .left_view {display:block;width:12px;height:10px;background:url(../../images/common/btn_left_set.gif) no-repeat;padding:5px;}
		.left_box .left_view.show {background-position:-35px 5px;}
		.left_box .left_view.hide {background-position:-55px 5px;}

	/* 폴더 에디터 추가 - 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;} */

/*  용량 초과시 안내문 */
.capacity { 
    padding:12px 0px 12px 55px;
    cursor:pointer;
    background: url(../../images/common/capacity_icon.png) no-repeat 19px 12px #fef2d9; 
}
.capacity p{color:#00335b; font-weight: bold; line-height: 1.2}
.capacity p span{color:#d13d02}



/* 하단 정보창 */

.footer .useing {position:absolute;margin:0 0 0 20px;top:3px;height:25px;line-height:25px;}
.footer .notice {position:absolute;margin:0 0 0 385px;top:10px; overflow:hidden;}
.footer .notice .notice_item{margin:0 0 0 10px;padding:0;float:left;}
.footer .notice .notice_item:after{content:"";display:block;clear:both;}
.footer .notice .notice_item li{padding:0;margin:0;height:20px; width:270px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.footer .copyright {position:absolute;margin:0 10px 0 0;top:10px;right:0;}

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

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:#6b6859;padding:5px;margin:1px;}
.list_nav span:hover{border:1px solid #CCC;margin:0px;}
.list_nav span.nowpage {color:#db5200;font-weight:bold;}
.list_nav .arrow {display:inline-block;width:10px;height:12px;background:url(../../images/common/list_arrow_set.gif) 0 4px no-repeat;padding:0;}
.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:0 4px;}
.list_nav .arrow.prv {background-position:-10px 4px;}
.list_nav .arrow.next {background-position:-20px 4px;}
.list_nav .arrow.end {background-position:-30px 4px;}
.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:#f0f0f0; border-bottom:1px solid #dcdcdc;}
.view_nav ul:after {content:"";display:block;clear:both;}
.view_nav ul li {float:left;display:block;height:39px;text-align:center;font-weight:bold;font-size:13px; border-right:1px solid #dcdcdc;}
.view_nav ul li span {display:block;padding:13px 20px 0 20px;height:26px;}
.view_nav ul li a span {color:#999;}
.view_nav ul li a:hover span {color:#333;}
.view_nav ul .active span {background:#fff; color:#cd4509; border-bottom:1px solid #fff;}
.view_nav ul .active a:hover span {color:#cd4509;}

.view_nav.config {position:relative;}

/* 20130219 이동 컨텐츠 설정 버튼 */
.left_content_head{float:left;padding-top:10px; font-size:9pt; letter-spacing:-1px;}
.content_header_config {background:url(../../images/common/btn_content_head.gif) -273px -94px 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 10px 20px;}
.config_header h2 {font-size:18px;font-weight:bold;margin-bottom:5px;color:#323232;}
.config_table_area {margin:10px;border:1px solid #d8d8d8;background:#fafafa;position:relative;overflow:hidden;}
.config_table_area:last-child {margin-bottom:30px;}
.config_table_area:after {content:"";display:block;clear:both;}
.config_table_area .config_left {float:left;width:200px;text-align:center;position:absolute;top:50%;margin-top:-3em;}
.config_table_area .config_right {position:relative;margin-left:200px;background:#fff;padding:15px 20px 15px 20px;}
.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-right:10px;font-weight:bold;width:160px;vertical-align:top;padding-top:10px;}
.config_table_area .config_right table td {height:30px;}
.config_table_area .config_right .editer_area table td {height:auto;}
.config_table_area .config_right table .config_editer td {padding:0;}
.config_table_area .config_right table .config_editer td:before {content:"";display:block;padding-bottom:10px;}


/* 서명관리 추가 miryeo*/
.config_table_area .config_right .sign_tbl {width:100%;border-spacing:0px;border-collapse:collapse; margin-top:5px; padding:0; table-layout:fixed;}
.config_table_area .config_right .sign_tbl thead tr td {padding:0 10px; background:url(../../images/common/table_header_border.gif) #fafafa; background-position:-2px 0; background-repeat:no-repeat; line-height:30px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; font-weight:bold;} 
.config_table_area .config_right .sign_tbl thead tr td:first-child {background:#fafafa;}
.config_table_area .config_right .sign_tbl tr td.center {text-align:center;}
.config_table_area .config_right .sign_tbl tbody tr {border-bottom:1px solid #f4f4f4;}
.config_table_area .config_right .sign_tbl tbody tr td {padding:0 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:22px; vertical-align:middle; padding:0 5px; line-height:22px; /*margin-left:5px;*/}
.config_input.default {width:150px;}
.config_input.short {width:75px;}
.config_input.group {width:90px;}
.config_input.long {width:250px;}
.config_input.full {width:97%;}
.config_input.search {width:206px;}
.config_txtarea {border:1px solid #ccc;}
.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 쓰기 페이지 공통 */

.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:13px;}
/*.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:block;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:right;margin-bottom:30px;}
div.btn_bottom_set ul {display:inline-block;margin-right:10px;}
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 -8px;}
.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:0 0 5px 0;border-bottom:1px solid #eee;padding:0 0 12px 20px;}

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



/* table list 공통 */
.list_ico {text-align:center; padding-left:5px !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 20px;}

.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:19px;height:19px;display:block;background:url(../../images/common/ico_read.gif) 0 0 no-repeat;background-size:80px 19px;}

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

.ico_read.ok {background-position:-38px 3px;}

.ico_read.no {background-position:-19px -1px;}

.ico_read.booking {background-position:-57px 0;}



/* 퀵메뉴 style 추가 20130409 */

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



/* 자동 완성 목록 공용 추가 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:30px;text-align:left;color:#666;padding:0 0 0 10px;border-collapse:collapse;font-size:12px; 

	border-bottom:1px solid #ccc;
	
	background:url(../../images/common/table_header_border.gif)#fafafa;
	background-position:-2px 0;
	background-repeat:no-repeat;
	font-weight:normal;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

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

table.tbl_list td{height:30px;line-height:100%;

	border:solid #f4f4f4;

	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:disabled;}

/* 정렬 방식 */
.order{display:inline-block;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{min-height:20px;margin:0;line-height:1.6}
.contentBodyArea div{min-height:20px;margin:0;}
.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; text-align:left; padding-left:15px;}
.modal_layout .preview .area .prev_title span {font-size:15px; font-weight:bold;}
.modal_layout .preview .area .prev_area{position:absolute;top:41px;bottom:79px;left:0;right:0;background:#FFF;overflow:auto;}
.modal_layout .preview .area .prev_area table{border:0;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;}
.modal_layout .preview .area .prev_content p{min-height:20px;margin:0;line-height:1.5;}
.modal_layout .preview .area .prev_content div{min-height:20px;margin:0;line-height:1.5;}
.modal_layout .preview .area .prev_config{position:absolute;bottom:35px;left:0;right:0;text-align:left;background:#EEE;padding:9px 10px 4px 10px;border-top:1px solid #CCC; height:30px;}
.modal_layout .preview .area .prev_footer{position:absolute;bottom:0;left:0;right:0;height:35px;text-align:center;background:#f5f5f5;border-top:1px solid #CCC;}
.modal_layout .preview .area .prev_footer p.btn_area{margin-top:5px;}



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

.drop_menu {display:none;position:absolute;top:29px;border:1px solid #ccc;background:#fff;line-height:160%;margin-left:0;box-shadow:1px 2px 2px 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 {color:#888888;background:#eee;}
.drop_menu a span {padding:2px 15px 2px 10px;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;z-index:1;margin-left:-15px;}
	.drop_menu.cfg .drop_menu_title {padding-top:10px;border-bottom:1px solid #ddd;}
	.drop_menu.cfg .drop_menu_title:last-child {border-bottom:0;}
	.drop_menu.cfg .drop_area tbody td {height:25px;}
	.drop_menu.cfg #mail_group li {padding:5px 10px;color:#505050;}

/* 메일함 이동시 스타일 */
.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; line-height:20px;}
.option_area li.long{min-width:130px;}

.s_help li{color:gray;}


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

/* 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:258px;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{display:inline-block;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}
div.t_fixed_header.mail_attach .headtable .size{text-align:center!important;}

.t_fixed_header .name {text-align:left !important;}

.t_fixed_header .size{
	padding:0 5px 0 0 !important;
	text-align:right !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;
	font-size:12px;
	line-height:1.4;
	padding:5px 10px;*/
	vertical-align:middle;
	font-size:13px;
	line-height:160%;
	text-align:left;
	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;}

.sending_area .modal_filter{position:absolute;width:550px;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_filter {height:130px;}
.sending_area .modal_content.loading_filter .modal_list {text-align:center;padding:30px 0;}
.sending_area .modal_content.loading_filter .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 20px;width:130px;vertical-align:middle;position:relative}
.mail_write_input .write_top_label span {vertical-align:text-top;}
.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}
.mail_write_input .write_top_label .tome * {/*vertical-align:baseline;*/}
.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:15px}
.mail_write_input .write_top_input .recv {position:relative;vertical-align:middle;margin-right:64px}
.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:4px;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 > 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 5px 0 0;height:24px}
.mail_write_input .write_top_input .subject_area {position:relative;background:#FFF;box-sizing:content-box;padding:0;margin:0 20px 0 0}
.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:22px;line-height:22px;}
.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;}
.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:0;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:3px;height:29px;/*line-height:29px;*/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 */
.tag_box {background:#fafafa;padding:10px;}
.tag_box:after {content:"";display:block;clear:both;}
.tag_box li {float:left;height:20px;font-size:10pt; line-height:20px;margin-right:5px;}
.tag_box li a:hover {font-size:10pt;color:#0ea1cb;}

#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:60px;height:22px;color:#fff;background:#666;font-size:12px;border-radius:3px; padding:0 1px 3px 1px;}
	
	#tag_area .all_tag {position:absolute;border:1px solid #dcdcdc;background:#fafafa;left:0;margin-top:5px;padding:20px;z-index:10; width:500px;}
	#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:19px;padding:0 10px;border-radius:11px;border:0;margin:0 5px 5px 0;}
			#tag_area .all_tag ul li span {color:#fff;font-size:11px;cursor:pointer;}

p.config_caption {color:#646464;padding:5px 10px;background:#fafafa;border:1px solid #dcdcdc;margin:5px 0;border-radius:4px;}

.config_table_option {padding:5px 0;}
.config_table_option dl {padding:5px 0;border-bottom: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;}

/* 높이 맞추려고 추가 */
input[type="checkbox" i] {width:13px;height:13px;vertical-align:text-top; margin-top:4px;}
input[type="radio" i] {width:13px;height:13px;vertical-align:text-top; margin-top:4px;}


span.icon.config_help {display:inline-block;width:16px;height:15px;background:url(../../images/common/btn_help.png) no-repeat; line-height:25px; vertical-align:top;}

.div_sub_tx {font-weight:bold; background:#f6f6f6; padding: 10px;}

table_fixed {table-layout: fixed;} /*IE8 colspan */
.mail_write_input .write_top_input .subject_area input {border:none;vertical-align:middle;font-size:12px;padding:0 5px;color:#323232;outline-style:none;border:1px solid #cbcbcb;height:22px;line-height:22px;}

.r_list .list_check label {vertical-align:middle;}

#help {padding:10px; line-height:20px; font-size:12px; color:#646464; background:#fafafa; border-bottom:1px solid #cac8c2;}
#help ul li {padding:0; margin:0 0 0 20px; list-style:circle; height:20px;}

/* 환경설정 > 안전 메일 설정 */
#help {
    padding:10px; 
    line-height:20px; 
    font-size:12px; 
    color:#646464; 
    background:#fafafa; 
    border-bottom:1px solid #cac8c2;
    }

#help ul li {
    background: url(../../images/common/bull_01.gif) left center no-repeat;
    padding-left: 15px;
    word-break:break-all;
}

#help + .tbl_wrap_btn {
    padding: 7px 10px;
    text-align: left;
    }

span.ico_config_left.config_safemail {background-position: -200px -150px;}

.main_content_top_bt.right .layout-sel {float:left; margin-top: 1px; margin-right:5px}
.main_content_top_bt.right > ul {float:left;}

.mailfilter_notice { height: 70px; line-height: 32px; padding: 0 0 0 20px; margin: 10px; background-color: #e6eefb; z-index: 4; overflow: hidden; border: 1px solid #cddaee;}
.mailfilter_notice .notice_item {margin:0 0 0 10px;padding:0;float:left;}
.mailfilter_notice .notice_item li{padding:0;margin:0;height:32px;}

/* 쓰기 페이지 개별발송 */
.write_header .option_area.each_area{display: block;clear: both;}
.write_header .option_area.each_area li{margin: 0;}
.write_header .option_area.each_area li label{color: #e42d2d;font-weight: 700;}
.write_header .option_area.each_area li div{display: inline-block;font-size: 11px;letter-spacing: -0.5px;}
.write_header .option_area.each_area li div span{color: #000;font-weight: 700;text-decoration: underline;}