/**********************************************************************
@common
**********************************************************************/
html		{ width:100%; height:100%; overflow-y:scroll;}
body		{ margin:0; padding:0px; font-size:12px; color:#222; line-height:20px; font-family:'맑은 고딕', '맑은고딕', Malgun Gothic, verdana;}



td, th, textarea, select, input, option, li, dt, dd, p, span		{ font-size:12px; margin:0; padding:0px; list-style:none; font-family:'맑은 고딕', '맑은고딕', Malgun Gothic, verdana;}
ul, dl, ol															{ margin:0; padding:0px; list-style:none; margin-bottom:16px; font-size:12px; }
li, dt, dd, p, fieldset, form										{ margin:0; padding-left:0; font-weight:normal; font-size:12px; }
img																	{ border:0; margin:0; padding:0px; }

a																	{ text-decoration:none; color:#757575; background:none; }
h1, h2, h3, h4, h5, h6												{ margin:0; padding:0px; }



/**********************************************************************
@header
**********************************************************************/
.wrap{ min-width:900px; }

h3						{ padding:0 0 7px 13px; font-size:16px; font-weight:bold; color:#333; background:url('/images/bullet_ring_blue.gif') 0 5px no-repeat; }


h5						{ clear:both; font-size:12px; padding:5px 0 5px 12px; color:#555; background:url('/images/bullet_bar_lightblue.gif') 1px 16px no-repeat; }
h5.squaretype			{ font-size:12px; padding:5px 0 5px 12px; color:#555; background:url('/images/bullet_square_gray.gif') 4px 14px no-repeat; }
h5 a					{ color:#5ea0c7; }

h6						{ font-size:12px; padding:0 0 5px 12px; color:#555; background:url('/images/bullet_square_gray.gif') 4px 10px no-repeat; }




/**********************************************************************
@footer
**********************************************************************/
.copyright			{ position:fixed; bottom:0; left:0; width:100%; height:20px; padding:5px; background:#555; color:#fff; font-size:8pt; font-weight:bold; z-index:10;}



/**********************************************************************
@Login
**********************************************************************/
.login								{width:360px; margin:0 auto; margin-top:100px; text-align:center;}
.login h1							{width:355px; height:137px; margin:0 0 30px 0; text-indent:-9999em; background:url('/images/paos_logo.jpg') 0 0 no-repeat;}
.login div input, .login div span	{display:block;}


.login input{padding:12px 5px; color:#999; border:1px solid #dedede; }




/**********************************************************************
@navigation
**********************************************************************/
/*********** GNB ***********/
.layout_top						{ position:relative; height:80px; margin:0; background:url('/images/bg_top.gif') 0 0 repeat-x; }
.layout_top:after				{ content:''; display:block; clear:both; }
.gnb_wrap						{position:relative; width:100%; height:80px;}
ul.gnb							{ height:80px; padding:0 10px 0 0; background:url('/images/bg_gnb_shadow.png') right 6px no-repeat; }
ul.gnb	 li						{ float:left; font-weight:bold; }
ul.gnb	 li	a.top_menu			{ display:inline-block; width:170px; height:80px; line-height:65px; font-size:16px; color:#fff; text-align:center; background:url('/images/top_menu_bg.gif') 0 0 no-repeat; }
ul.gnb	 li	a.on				{ color:#559fc4; }
ul.gnb	 li	a.top_menu:hover	{ color:#559fc4; }


.gnb_etc		{ margin-top:30px; color:#999; }
.gnb_etc a		{ color:#999; }
.gnb_etc li		{ float:left; padding:0 25px; background:url('/images/bar_gray.gif') right 6px no-repeat; }


/*********** Submenu 2depth ***********/
ul.submenu			{ margin:0; }
ul.submenu li		{ height:45px; }

ul.submenu li a				{ display:block; height:33px; padding:12px 0 0 45px; font-size:14px; font-weight:bold; color:#555; background:url('../images/bg_submenu.gif') 0 0 no-repeat; }
ul.submenu li a.focus		{ color:#333; background:url('../images/bg_submenu_focus.gif') 0 0 no-repeat; }




/*********** Submenu 3depth ***********/
.submenu_3depth			{ z-index:10; top:0; left:0; width:100%; height:50px; }
.submenu_3depth_bg		{ margin:-1px 0 0 0px; padding:0; height:50px; background:url('../images/bg_submenu_3depth.gif') 0 0 repeat-x; border-top:1px solid #b8b8b8; }
.submenu_3depth h3		{ float:left; width:135px; height:32px; padding:12px 0 0 15px; font-size:14px; color:#333; border-left:1px solid #f1f1f1; border-right:1px solid #c7c7c7; background:url('../images/bullet_arrow_blue.gif') 135px 18px no-repeat; }

.submenu_3depth li				{ float:left; height:50px; }
.submenu_3depth li.focus		{ background:url('../images/bg_submenu_3depth_focus.gif') top center no-repeat; }
.submenu_3depth a				{ display:block; height:31px; padding:13px 20px 0 20px; font-weight:bold; color:#444; border-left:1px solid #f1f1f1; border-right:1px solid #c7c7c7;}
.submenu_3depth a.focus		{ color:#000; }	
.submenu_3depth span		{ padding:1px 3px 1px 3px; color:#ff6738; font-size:9px; border:1px solid #ff6738; background:#f6f6f6; 
										-moz-border-radius:4px; /*모질라*/
										-webkit-border-radius:4px; /*웹킷*/
										/*IE9+,FF4+,chrome,Safari5,+opera*/
										border-radius:4px;
									}



/*********** Submenu 4depth ***********/
ul.tabmenu_4depth					{ height:38px; border-bottom:2px solid #a4c8dd; }
ul.tabmenu_4depth li					{ float:left; margin:0 3px 0 0; }
ul.tabmenu_4depth li	 a				{ display:block; height:27px; padding:10px 20px 0 20px; color:#505355; font-weight:bold; border:1px solid #cdcdcd; border-bottom:0; background:#f1f1f1; }
ul.tabmenu_4depth li	 a.focus		{ display:block; height:29px; padding:9px 20px 0 20px; color:#40a3d5; font-weight:bold; border:2px solid #a4c8dd; border-bottom:0; background:#fff; }





/**********************************************************************
@Contents
**********************************************************************/
.layout_middle	{ position:relative; }

.middle			{ margin:20px 30px 0 30px; padding-bottom:50px; }



/**********************************************************************
@table
**********************************************************************/
table				{ width:100%; border:2px solid #a4c8dd; margin:0 0 20px 0; }
table.scroll_line	{ width:100%; border:0px; margin-bottom:0px;}
th					{ /*height:35px;*/ padding:8px 0 7px 0; color:#5597b8; background:#eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
th.tab_gray			{ padding:8px 0 7px 0; color:#5597b8; background-color:#f5f5f5; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
td					{ /*height:35px;*/ padding:8px 0 7px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }
tr.survey_total		{background-color:#ebf1f4; font-weight:bold;} 
tr.survey_total:hover		{background:#d7e3e9;}
tr.survey_total	th, tr.survey_total	td	{padding:2px 0 3px 0; }
tr:hover			{ background:#f8f8f8; }

table a			{ font-weight:bold; color:#63aad5; }

tbody th			{ color:#747474; background:#f5f5f5; }
tfoot				{ background:#ebf1f4; font-weight:bold; }
tfoot tr:hover		{ background:#d7e3e9; }
tfoot strong		{ color:#ff6633; }

th.rlast, td.rlast				{ border-right:0; }
tr.blast th, tr.blast td		{ border-bottom:0; }




td.array_left5			{ text-align:left !important; padding:0 0 0 5px !important; }
td.array_left			{ text-align:left !important; padding:0 0 0 10px !important; }
th.array_left10			{ text-align:left !important; padding-left:10px !important; }
td.array_left10			{ text-align:left !important; padding-left:10px !important; }
td.array_right			{ text-align:right; padding:0 10px 0 0;}


td.checkbox input	{ padding:0 3px 0 0; border:0; }

td.checkboxs input	{ padding:0; border:0; }
td.checkboxs span	{ margin:0 10px 0 0; }


.noline-left			{ border-left:0 !important; }
.noline-right			{ border-right:0 !important; }
.noline-btm			{ border-bottom:0; }




table.table_border0						{ border:0 !important; margin:0; }

table span.new		{ padding:1px 3px 1px 3px; color:#fff; font-size:9px; font-weight:bold; background:#ff6738; 
						-moz-border-radius:4px; /*모질라*/
						-webkit-border-radius:4px; /*웹킷*/
						/*IE9+,FF4+,chrome,Safari5,+opera*/
						border-radius:4px;
						}

table.table_vertical						{ border:1px solid #a4c8dd; }
table.table_vertical th					{ padding:7px 0 6px 10px; color:#5597b8; background:#eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; }
table.table_vertical td					{ padding:7px 10px 6px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; }
table.table_vertical tr:hover			{ background:none; }
table.table_vertical th.rlast,
table.table_vertical td.rlast				{ border-right:0; }
table.table_vertical tr.blast th, 
table.table_vertical tr.blast td			{ border-bottom:0; }
table.table_vertical th.celltop			{ vertical-align:top; padding-top:9px; }
table.table_vertical td.person_info_note					{ height:100px; }
table.table_vertical strong				{ color:#40a3d5; }


/*********** Report ***********/
table.report					{ width:100%; border:2px solid #a4c8dd; margin:0 0 20px 0; }
th.report						{ /*height:35px;*/ padding:8px 0 7px 0; color:#5597b8; background:#eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
td.report						{ /*height:35px;*/ padding:8px 0 7px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }


/*********** Search ***********/
table.search						{ border:2px solid #ccc; }
table.search th					{ padding-left:17px; color:#000; border-right:0; border-bottom:1px solid #dfdfdf; text-align:left; background:#fff url('../images/bullet_square_blue.gif') 8px 19px no-repeat; }
table.search td					{ border-right:0; border-bottom:1px solid #dfdfdf; text-align:left; }
table.search tr:hover			{ background:none; }

table.search tr.blast th, 
table.search tr.blast td			{ border-bottom:0; }

table.search span				{ padding:0 20px 0 0; }

table.search label				{ display:inline-block; width:125px; padding:0 0 0 25px; background:url('../images/bullet_bar_gray.gif') 15px 10px no-repeat }

table.search input.licensekey	{ width:330px; }


.calendar_bar				{ /*float:right; display:table-cell;*/ display:inline-block; width:23px; height:23px; margin:0 !important; padding:0 !important; text-align:center; }


/**********************************************************************
@form style
**********************************************************************/
fieldset			{ border:0; padding:0 30px; }


input						{ padding:4px; border:1px solid #d2d2d2; }
input[type=text]		{ width: 90%; }
input.checkbox			{ padding:0 3px 0 0; border:0; }
input.linebox				{ border:1px solid #d2d2d2 !important; }
input.linebox_normal	{ padding:5px 10px  !important; border:1px solid #d2d2d2 !important; }

.checkbox_noline input	{ border:0; }


select						{ padding:0 0 0 2px; border:1px solid #d2d2d2; }


textarea					{ padding:4px 10px; border:1px solid #d2d2d2; }



/**********************************************************************
@page
**********************************************************************/
.paging		{ position:relative; padding:30px 0 20px 0; }



.paginate		{ overflow:hidden; clear:both; margin:0 auto; text-align:center; zoom:1; } 
.paginate a	{ display:inline-block; margin-right:-3px; padding:0 0 0 5px ;color:#666; font-weight:bold; } 
.paginate a:hover,.paginate a:focus,.paginate a:active{ } 

.paginate a span	{ display:block; position:relative; top:0; padding:0 15px 0 8px; zoom:1; } 
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{  } 


.paginate strong				{ display:inline-block; margin-right:-3px; padding:0 0 0 10px; border:1px solid #7bb6dc; color:#7bb6dc; line-height:26px; } 
.paginate strong span		{ display:block; position:relative; top:0; padding:0 10px 0 0; zoom:1; } 



.paginate a.first, .paginate a.pre, .paginate a.next, .paginate a.last	{ position:relative; top:2px; background:none !important; } 
/*.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active	{ background:none !important; } */

.paginate a.first, .paginate a.pre	{ margin-right:10px; } 
.paginate a.next, .paginate a.last	{ margin-left:8px; } 





/**********************************************************************
@btn
**********************************************************************/
.login_button {
	background-color:#2454a5;
	color: #fff;
	display: inline-block;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	width:357px;
	height:40px;
	margin-top:20px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0,  0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, direction=135, strength=2.5);
}




/**********************************************************************
@button style
**********************************************************************/

a.btn_green				{ display:inline-block; height:23px; margin:0 0 0 5px; padding:0 0 0 10px; background:url('/images/btn_green.gif') 0 0 no-repeat; }
a.btn_green span		{ display:inline-block; height:23px; color:#fff !important; font-weight:bold; padding:0 10px 0 0; background:url('/images/btn_green.gif') right 0 no-repeat; }


a.btn_blue				{ display:inline-block; height:23px; margin:0 0 0 5px; padding:0 0 0 10px; background:url('/images/btn_blue.gif') 0 0 no-repeat; }
a.btn_blue span			{ display:inline-block; height:23px; color:#fff !important; font-weight:bold; padding:0 10px 0 0; background:url('/images/btn_blue.gif') right 0 no-repeat; }


a.btn_blue_small			{ display:inline-block; height:18px; margin:0 0 0 5px; padding:0 0 0 5px; background:url('/images/btn_blue_small.gif') 0 0 no-repeat; }
a.btn_blue_small span	{ display:inline-block; height:18px; font-size:11px; line-height:15px; color:#fff !important; font-weight:bold; padding:0 5px 0 0; background:url('/images/btn_blue_small.gif') right 0 no-repeat; }


a.btn_darkgray			{ display:inline-block; height:23px; margin:0 0 0 5px; padding:0 0 0 10px; background:url('/images/btn_darkgray.gif') 0 0 no-repeat; }
a.btn_darkgray span		{ display:inline-block; height:23px; color:#fff !important; font-weight:bold; padding:0 10px 0 0; background:url('/images/btn_darkgray.gif') right 0 no-repeat; }

a.sort_up					{ display:inline-block; width:10px; height:10px; margin:0 0 0 -3px; padding:0; background:url('../images/btn_up.gif') 0 0 no-repeat; }
a.sort_down				{ display:inline-block; width:10px; height:10px; margin:0 0 0 2px; padding:0; background:url('../images/btn_down.gif') 0 0 no-repeat; }


/**********************************************************************
@button layout
**********************************************************************/
.btn_left	 					{ text-align:left;  padding:0 0 10px 0; line-height:22px; }

.btn_right	 					{ text-align:right;  padding:0; line-height:22px; }
.btn_right_padding			{ padding-bottom:15px; }


.btn_layout_center			{ text-align:center; padding:10px 0; line-height:22px; }
.btn_layout_right	 			{ text-align:right; padding-top:10px; line-height:22px; }


.btn_float_left	 	 			{ float:left; text-align:left; padding:0 0 8px 0; line-height:22px; }
.btn_float_right	 			{ float:right; text-align:right; padding:0 0 8px 0; line-height:22px; }




.btn_popup_right			{ position:absolute; top:0; right:0; line-height:21px; }



/**********************************************************************
@detail
**********************************************************************/
.clear					{ clear:both; }
.float_left				{ float:left; }
.float_right			{ float:right; }

.skip, .desc, .hiddenelement		{ position:absolute; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; overflow:hidden; }



/**********************************************************************
@popup
**********************************************************************/
.popup_wrap		{ position:relative; border:5px solid #80b8d9; background:#fff;
					  box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; }
.popup_line		{ background:#fff url('../images/bg_middle.gif') -20px 0 repeat-y; }

.popup_top		{ position:relative; height:44px; background:url('../images/bg_popup_ttl.gif') 0 0 repeat-x; }
.popup_left		{ float:left; width:179px; }
.popup_right		{ float:left; position:relative; margin:10px 0 0 20px; }
.popup_middle	{ position:relative; margin:10px 20px; }

.popup_control	{ position:absolute; top:15px; right:15px;  }


.popup_standby	{ position:relative; margin:10px 20px; height:100px; font-size:20px; text-align:center; line-height:100px; }

.pwedit						{ width:420px; background:#f6f6f6; }

.popup_wrap h1		{ position:absolute; top:14px; left:17px; padding:0 0 7px 15px; font-size:14px; font-weight:bold; color:#333; background:url('../images/bullet_ring_blue.gif') 0 5px no-repeat; }

table.popup_table_new						{ border:2px solid #ccc; }
table.popup_table_new th					{ color:#444; background:#fff url('../images/bullet_square_blue.gif') 8px 18px no-repeat; border-right:0; border-bottom:1px solid #ccc; text-align:left; padding:8px 0 7px 17px; }
table.popup_table_new td					{ border-right:0; border-bottom:1px solid #ccc; text-align:left; padding:5px 0 5px 10px; background:#fff; }
table.popup_table_new tr:hover			{ background:none; }
table.popup_table_new tr.blast th, 
table.popup_table_new tr.blast td		{ border-bottom:0; }
table.popup_table_new th.celltop			{ vertical-align:top; padding-top:9px; }
table.popup_table_new p.address1					{ padding:0 0 5px 0; }
table.popup_table_new p.address1 input			{ width:25px; }
table.popup_table_new p.address2 input			{ width:210px; }
table.popup_table_new .sales1						{ padding:0 0 5px 0; }
table.popup_table_new .sales2						{ float:left; }
table.popup_table_new .sales2 input					{ width:210px; }
table.popup_table_new .sales3						{ float:left; padding:4px 0 0 5px; }
table.popup_table_new .career1						{ float:left; }
table.popup_table_new .career1 input				{ margin:0 5px 0 0; }
table.popup_table_new .career2						{ float:left; padding:4px 0 0 5px; }
table.popup_table_new td.person_info_note				{ height:100px; }
table.popup_table_new td.person_info_note textarea		{ width:440px; height:84px; }
table.popup_table_new td.orderregister textarea			{ width:280px; height:84px; }
table.popup_table_new td.checklistpmslead textarea		{ width:350px; height:84px; }
table.popup_table_new td.mgtrequest textarea				{ width:340px; height:84px; }