/*basic-set*/
b,.b { font-family:NanumGothicBold, Sans-serif; }
.zi1 { z-index:1; }
.zi2 { z-index:2; }
.zi3 { z-index:3; }
.zi4 { z-index:4; }
.zi5 { z-index:5; }
.zi6 { z-index:6; }
.zi7 { z-index:7; }
.zi8 { z-index:8; }
.zi9 { z-index:9; }
.zi10 { z-index:10; }
.zi11 { z-index:11; }
.zi12 { z-index:12; }
.zi13 { z-index:13; }
.zi14 { z-index:14; }
.zi15 { z-index:15; }


/* layout */
#wrap { min-width:1200px; }

#header { position:relative; z-index:10; background:url(../images/h_bg.gif) repeat-x 0 0; }
.s_email #header { background:url(../images/h_bg_email.gif) repeat-x 0 0; }
#header .wrap { position:relative; margin:0 auto; width:1100px; height:115px; z-index:2; }
#header .wrap .s_btn { position:absolute; top:0; left:0; padding-left:1px; }
#header .wrap .s_btn li { position:relative; float:left; border:1px solid #dedede; border-width:0 1px; margin-left:-1px; }
#header .wrap .s_btn li.s00 a { background:url(../images/h_p_bt00_off.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s00.on a { background:url(../images/h_p_bt00_on.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s01.on { border:1px solid #2681dc; border-width:0 1px; z-index:1; }
#header .wrap .s_btn li.s02.on { border:1px solid #16a4b2; border-width:0 1px; z-index:1; }
#header .wrap .s_btn li a { display:block; width:74px; height:39px; text-indent:-9999px; }
#header .wrap .s_btn li.s01 a { background:url(../images/h_p_bt01_off.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s01.on a { background:url(../images/h_p_bt01_on.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s02 a { background:url(../images/h_p_bt02_off.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s02.on a { background:url(../images/h_p_bt02_on.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s03 a { background:url(../images/temp/community_icon_off.jpg) no-repeat 0 0; }
#header .wrap .s_btn li.s03.on a { background:url(../images/temp/community_icon_on.jpg) no-repeat 0 0; }
#header .wrap .s_btn li.s04 a { background:url(../images/h_p_bt03_off.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s04.on a { background:url(../images/h_p_bt03_on.gif) no-repeat 0 0; }
#header .wrap .s_btn li.s05 a { background:url(../images/temp/set_icon_off.jpg) no-repeat 0 0; }
#header .wrap .s_btn li.s05.on a { background:url(../images/temp/set_icon_on.jpg) no-repeat 0 0; }

#header .wrap h1 { position:absolute; top:39px; left:0; height:76px; font-size:20px; line-height:76px; color:#fff; font-weight:normal; z-index:1; }
#header .wrap h1 a { color:#fff; }
#header .wrap h1 a:hover { text-decoration:none; }
#header .wrap h1 img { margin-right:12px; vertical-align:middle; }

#tm { position:absolute; top:13px; right:0; width:300px; }
#tm ul { position:absolute; top:0; right:0; }
#tm li { float:left; padding:0 10px; line-height:14px; background:url(../images/tm_bar.gif) no-repeat 0 2px; color:#666; letter-spacing:-1px; }
#tm li.first { background:none; }
#tm li a { color:#666; }
#tm li .blue { color:#5395ee; }
#tm li b { color:#424242; margin-left:2px; }

#gnb { position:absolute; top:39px; right:0; width:100%; height:42px; font-size:14px; }
#gnb>ul { position:absolute; top:0; right:0; }
#gnb>ul>li { float:left; padding-bottom:1px; background:url(../images/trans.png); }
#gnb>ul>li>a { display:block; height:76px; line-height:76px; font-size:16px; color:#fff; padding:0 40px; letter-spacing:-1px; }
#gnb>ul>li:hover>a,
#gnb>ul>li.on>a { background:#1572c4; text-decoration:none; }
#gnb>ul>li>ul { position:absolute; top:76px; display:none; }
#gnb>ul>li.m01>ul { left:-157px; }
#gnb>ul>li.m06>ul { right:-107px; }
#gnb>ul>li>ul>li { position:relative; float:left; margin:0 25px; }
#gnb>ul>li>ul>li>a { display:block; height:65px; line-height:65px; color:#666; padding:0 20px; }
#gnb>ul>li>ul>li>a:hover { text-decoration:none; color:#2681dc; }
.gnb_sub_bg { position:absolute; top:115px; left:0; width:100%; height:63px; border:1px solid #e0e0e0; border-width:1px 0; background:#fff; display:none; }

#footer { position:relative; border-top:1px solid #ccc; }
#footer .wrap { position:relative; width:1100px; padding:25px 0; margin:0 auto; }
#footer .wrap i { margin:0 8px; }

/* main */
#main_contents { position:relative; background: #ffffff; }
#main_contents .wrap { position:relative; width:1100px; padding:10px 0 111px; margin:0 auto; }

.m_quick_docu { position:relative; border:1px solid #ccc; margin-bottom:60px; *zoom:1; }
.m_quick_docu:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_quick_docu li { position:relative; float:left; width:183px; *width:24.999%; }
.m_quick_docu li .box { position:relative; height:133px; border-left:1px solid #ccc; margin-left:-1px; text-align:center; }
.m_quick_docu li .box span { display:block; padding-top:32px; margin-bottom:25px; font-size:14px; color:#2681dc; font-family:NanumGothicBold, Sans-serif; }
.m_quick_docu li .box b { font-size:36px; line-height:38px; color:#000; }
.m_quick_docu li .box b:hover{ cursor: pointer; }

.m_board { position:relative; *zoom:1; }
.m_board:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_board .unit { position:relative; float:left; width:512px; }
.m_board .unit.notice { position:absolute; top:0; left:0; }
.m_board .unit.notice ul { height:auto; }
.m_board .unit h3 { position:relative; padding-left:3px; height:47px; border-bottom:2px solid #333; font-size:24px; line-height:26px; color:#333; font-family:NanumGothicBold, Sans-serif; }
.m_board .unit .bt_more { position:absolute; top:12px; right:0; font-size:13px; }
.m_board .unit ul { min-height:210px; }
.m_board .unit ul li { position:relative; height:41px; line-height:41px; border-bottom:1px solid #dedede; font-size:14px; vertical-align:top; }
.m_board .unit ul li .tit { position:absolute; top:0; left:0; width:100%; }
.m_board .unit ul li .tit a { display:block; margin-right:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_board .unit ul.b-part li .tit a { margin-left:92px; }
.m_board .unit ul.b-part li .ic_part { position:absolute; top:9px; left:1px; }
.m_board .unit ul li span { position:absolute; top:0; right:0; }

.ic_part { display:inline-block; *zoom:1; *display:inline; width:78px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:13px !important; }
.ic_part.c01 { background:#6795eb; }
.ic_part.c02 { background:#576396; }
.ic_part.c03 { background:#ff5252; }
.ic_part.c04 { background:#45bbab; }

/* sub */
#container { position:relative; background: #ffffff; }
#container .wrap { position:relative; width:1100px; margin:0 auto; padding:30px 0; *zoom:1; }

.location { position:relative; color:#333; font-size:13px; margin-bottom:45px; }
.location a { color:#333; }
.location a img { vertical-align:-3px; margin-right:7px; }
.location .arrow { margin:0 10px; vertical-align:0; }

#contents { position:relative; }
#contents h3 { position:relative; font-size:38px; color:#333; margin-bottom:70px; font-family:NanumGothicBold, Sans-serif; font-weight:normal; }
#contents .sub_con { position:relative; }

.board_search { position:relative; margin-bottom:30px; }
.board_search select { width:90px; height:30px; border:1px solid #ccc; color:#333; padding-left:10px; margin-right:3px; vertical-align:top; }
.board_search input[type=text] { width:155px; height:28px; line-height:28px; padding:0 9px; border:1px solid #ccc; border-right:0; color:#333; vertical-align:top; }
.board_search a:hover{ text-decoration: none;}
.board_search a { display:inline-block; *zoom:1; *display:inline; width:46px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; background:#5d616d; vertical-align:top; }

.tb_board-list { position:relative; width:100%; border-top:2px solid #333; text-align:center; margin-bottom:40px; font-size:14px; }
.tb_board-list thead th { height:56px; border-bottom:1px solid #ccc; color:#333; font-family:NanumGothicBold, Sans-serif; }
.tb_board-list tbody td { border-bottom:1px solid #ccc; padding:15px 10px; line-height:19px; }
.tb_board-list tbody td .tx_c_red { color:#ff5152; }
.tb_board-list tbody td .tx_c_blue { color:#518ddd; }
.tb_board-list td a:hover{text-decoration: underline;}

.tb_board-list.sm thead th { height:40px; }
.tb_board-list.sm tbody td { padding:10px; line-height:17px; }
.tb_board-list.sm tbody td.cateTag { font-weight:bold; background: #f5f5f5; color: #333; font-family: NanumGothicBold, Sans-serif; border: 1px solid #ccc; border-width: 0 1px 1px 0; }

.pagination { position:relative; text-align:center; }
.pagination>a { vertical-align:top; margin:0 2px; }
.pagination span { margin:0 9px; display:inline-block; *zoom:1; *display:inline; }
.pagination span a { display:inline-block; *zoom:1; *display:inline; height:32px; padding:0 12px; color:#666; border:1px solid #fff; font-weight:normal; font-size:14px; line-height:32px; background:#fff; }
.pagination span a:hover { border:1px solid #ccc; text-decoration:none; }
.pagination span a.on { color:#fff; text-decoration:none; border:1px solid #2681dc; background:#2681dc; }
.pagination img { vertical-align: top; }

.bb_area { position:relative; text-align:right; *zoom:1; }
.bb_area:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.bb_area.mtp { margin-top:-40px; text-align:right; }
.bb_area a { margin:0 0 0 10px; }
.bb_area .fl a { margin:0 10px 0 0; }

/* btns */
.bt_txt { position:relative; display:inline-block; *zoom:1; *display:inline; text-align:center;}
.bt_txt:hover { text-decoration:none; }

.bt_txt.print-reply {
	border: none;
	vertical-align: middle;
	background-color: #989898;
	color: white;
	width: 90px;
	height: 44px;
	line-height: 44px;
}

.bt_txt img { vertical-align:middle; margin-right:7px; }

.bt_txt.s185x58 { width:185px; height:58px; line-height:58px; font-size:16px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s185x58:hover { text-decoration:underline; }
.bt_txt.s185x58.c_blue { background:#005fa7; color:#fff; }

.bt_txt.s210x44 { width:210px; height:44px; line-height:44px; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s210x44.c_blue { background:#015fa7; color:#fff; }
.bt_txt.s210x44.c_blue img { margin-right:12px; }

.bt_txt.s106x44 { width:106px; height:44px; line-height:44px; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s106x44.c_blue { background:#2681dc; color:#fff; }
.bt_txt.s106x44.c_blue:hover { background:#1672c5; }
.bt_txt.s106x44.c_d-grey { background:#5d616d; color:#fff; }
.bt_txt.s106x44.c_d-grey:hover { background:#4b4e58; }

.bt_txt.s84x44 { width:84px; height:44px; line-height:44px; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s84x44.c_blue { background:#2681dc; color:#fff; }
.bt_txt.s84x44.c_blue:hover { background:#1672c5; }
.bt_txt.s84x44.c_d-grey { background:#5d616d; color:#fff; }
.bt_txt.s84x44.c_d-grey:hover { background:#4b4e58; }

.bt_txt.s130x36 { width:130px; height:36px; line-height:36px; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s130x36.c_d-grey { background:#5d616d; color:#fff; }

.bt_txt.s80x36 { width:80px; height:36px; line-height:36px; font-size:13px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.s80x36.c_blue { background:#2681dc; color:#fff; }
.bt_txt.s80x36.c_blue:hover { background:#1672c5; }
.bt_txt.s80x36.c_d-grey { background:#5d616d; color:#fff; }
.bt_txt.s80x36.c_d-grey:hover { background:#4b4e58; }

.bt_txt.sx36 { height:36px; line-height:36px; padding:0 20px; font-size:13px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.sx36.w76 { width:76px; padding:0; }
.bt_txt.sx36.c_blue { background:#2681dc; color:#fff; }
.bt_txt.sx36.c_blue:hover { background:#1672c5; }
.bt_txt.sx36.c_d-blue { background:#015fa7; color:#fff; }
.bt_txt.sx36.c_d-blue:hover { background:#01477d; }
.bt_txt.sx36.c_d-grey { background:#5d616d; color:#fff; }
.bt_txt.sx36.c_d-grey:hover { background:#4b4e58; }
.bt_txt.sx36.c_l-grey { background:#9ea4b2; color:#fff; }
.bt_txt.sx36.c_l-grey:hover { background:#7e8699; }

.bt_txt.sx38 { min-width:104px; height:36px; line-height:36px; padding:0 10px; font-size:14px !important; }
.bt_txt.sx38.c_white { border:1px solid #ccc; background:#fff; color:#333; }

.bt_txt.sx34 { height:34px; line-height:34px; padding:0 12px; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; }
.bt_txt.sx34.w74 { width:74px; padding:0; font-size:12px !important; }
.bt_txt.sx34.c_grey { background:#abacae; color:#fff; }
.bt_txt.sx34.c_d-blue { background:#015fa7; color:#fff; }
.bt_txt.sx34.c_d-blue:hover { background:#01477d; }
.bt_txt.sx34.c_d-grey { background:#5d616d; color:#fff; }
.bt_txt.sx34.c_d-grey:hover { background:#4b4e58; }
.bt_txt.sx34.c_l-grey { background:#efefef; color:#666; border:1px solid #ccc; margin-left:-3.7px; margin-top:2px; font-size:12px !important; vertical-align:bottom; }


.bt_txt.s54x26 { width:52px; height:24px; line-height:24px; background:#f5f5f5; border:1px solid #cecece; color:#666; font-size:12px !important; }
.bt_txt.s54x26.c_d-grey { width:54px; height:26px; line-height:26px; background:#5d616d; color:#fff; border:0; }

input::-webkit-input-placeholder { color:#acacac; } /* Webkit */
input:-moz-placeholder { color:#acacac; } /* Firefox 4-18 */
input::-moz-placeholder { color:#acacac; } /* Firefox 19+ */
input:-ms-input-placeholder { color:#acacac; } /* IE10+ */

input.basic { height:34px; line-height:34px; border:1px solid #ccc; padding:0 9px; }
select.basic { height:36px; line-height:36px; border:1px solid #ccc; padding:0 0 0 9px; }

.tb_write { width:100%; border-top:1px solid #ccc; }
.tb_write th { height:57px; background:#f5f5f5; font-size:14px; color:#333; font-family:NanumGothicBold, Sans-serif; border:1px solid #ccc; border-width:0 1px 1px 0; }
.tb_write td { border-bottom:1px solid #ccc; padding:11px 20px; }
.tb_write td select { height:36px; border:1px solid #ccc; padding-left:10px; font-size:14px; }
.tb_write td input[type=text] { height:34px; line-height:34px; padding:0 9px; border:1px solid #ccc; font-size:14px; }
.tb_write td input[type=number] { height:34px; line-height:34px; padding:0 9px; border:1px solid #ccc; font-size:14px; }

.write_textarea { border:1px solid #ccc; width:1070px; height:570px; padding:14px 19px; font-size:14px; line-height:20px; }

.pu_bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:98; background:#000; display:none;
	-khtml-opacity:.30; /*safari*/
	-ms-filter:”alpha(opacity=30)”;/*IE8*/
	-moz-opacity:.30;/*FF*/
	filter:alpha(opacity=30); /*IE7*/
	opacity:.30;  /*all other browsers*/ }
.pu { position:fixed; top:50%; left:50%; background:#fff; box-shadow:10px 10px 20px rgba(0,0,0,0.2); display:none; z-index:99; }
.pu.s320 { width:320px; margin-left:-160px; }
.pu.s400 { width:400px; margin-left:-200px; }
.pu.s750 { width:750px; margin-left:-375px; }
.pu.s980 { width:980px; margin-left:-490px; }
.pu h3 { position:relative; height:60px; line-height:60px; background:#015fa7; color:#fff; font-family:NanumGothicBold, Sans-serif; padding-left:20px; font-size:18px; }
.pu .bt_close { position:absolute; top:19px; right:15px; width:23px; height:23px; display:block; text-indent:-9999px; background:url(../images/bt_pu_close.gif) no-repeat 0 0; }
.pu .con { position:relative; padding:30px 32px 20px; }
.pu_error { position:relative; text-align:center; font-size:14px; padding:20px 0 65px; }
.pu_error .tx_blue { font-family:NanumGothicBold, Sans-serif; color:#2681dc; margin-bottom:20px; padding-top:15px; }

.pu_recipient { position:relative; *zoom:1; }
.pu_recipient:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.pu_recipient .unit { position:relative; width:342px; }
.pu_recipient .unit.fr { width:294px; }
.pu_recipient .unit h4 { position:relative; font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; height:30px; }
.pu_recipient .unit .box { position:relative; border:1px solid #ccc; height:290px; overflow:hidden; overflow-y:auto; }
.pu_recipient .unit .box .list { position:relative; padding:13px 20px; }
.pu_recipient .unit .box .list li { position:relative; font-size:14px; line-height:26px; color:#333; margin-bottom:7px; }
.pu_recipient .unit .box .list li .bt_txt { position:absolute; top:0; right:0; }
.pu_recipient .bt_regi { position:absolute; top:155px; left:351px; text-align:center; width:32px; padding-top:36px; background:url(../images/bt_regi_arrow.gif) no-repeat 0 0; text-align:center; }
.pu_recipient .bt_regi:hover { text-decoration:none; }

.pu_sign-off-line_add { position:relative; }
.pu_sign-off-line_add .tit { position:relative; height:36px; margin-bottom:30px; font-size:16px; color:#333; line-height:36px; font-family:NanumGothicBold, Sans-serif; }
.pu_sign-off-line_add .tit input[type=text] { position:absolute; top:0; left:70px; width:812px; height:34px; line-height:34px; padding:0 9px; border:1px solid #ccc; }
.pu_sign-off-line_add h4 { position:relative; font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; height:30px; }
.os_step_select { position:relative; *zoom:1; }
.os_step_select:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.os_step_select .unit { position:relative; width:342px; }
.os_step_select .unit h4 { position:relative; font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; height:30px; }
.os_step_select .unit .box { position:relative; border:1px solid #ccc; height:290px; overflow:hidden; overflow-y:auto; margin-bottom:10px; }/* 20160519 */
.os_step_select .unit .info { position:relative; border:1px solid #ccc; font-size:14px; line-height:18px; min-height:18px; padding:6px 10px; }/* 20160519 */
.os_step_select .p_select { position:relative; width:504px; padding-top:30px; float:right; }
.os_step_select .p_select ul { position:relative; *zoom:1; margin:0 -16px; }
.os_step_select .p_select ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.os_step_select .p_select ul li { position:relative; float:left; width:234px; border:1px solid #ccc; margin:0 16px 26px; }
.os_step_select .p_select ul li .t-tx { position:relative; height:31px; line-height:31px; background:#dfdfdf; color:#333; font-size:14px; padding-left:10px; }
.os_step_select .p_select ul li .con { position:relative; text-align:center; padding:18px 0; }
.os_step_select .p_select ul li .con select { width:194px; height:36px; border:1px solid #ccc; padding-left:10px; font-size:14px; }

.tb_so-set { width:100%; }
.tb_so-set th { background:#abacad; border:1px solid #ccc; font-size:14px; line-height:18px; font-family:NanumGothicBold, Sans-serif; color:#fff; }
.tb_so-set td { background:#f5f5f5; border:1px solid #ccc; padding:12px 0; }

/* so-step 20160519 */
.so-set { position:relative; background:#f5f5f5; border:1px solid #ccc; padding:12px 10px 2px; margin-bottom:30px; /*width: 894px;*/ }
ul.so-step { position:relative; text-align:center; margin-bottom:5px; }
ul.so-step li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0 2px; *margin:0 4px; }
ul.so-step li.arrow { width:9px; height:100px; background:url(../images/step_arrow.gif) no-repeat center 42px; text-indent:-9999px; text-align:left; margin:0; }
ul.so-step li .box { width:80px; font-size:14px; margin-bottom:6px; }
ul.so-step li .box .step { height:30px; line-height:30px; color:#fff; background:#518ddd; font-family:NanumGothicBold, Sans-serif; } /* #ddd 회색*/
ul.so-step li.c00 .box .step { background:#666; }
ul.so-step li.c01 .box .step { background:#74b4f4; }
ul.so-step li.c02 .box .step { background:#f65e5c; }
ul.so-step li .box .name { padding:14px 0; min-height:40px; line-height:20px; color:#333; background:#fff; border:1px solid #ccc; border-width:0 1px 1px; }
ul.so-step li .box .date { padding:10px 0; min-height:12px; line-height:12px; color:#333; background:#fff; border:1px solid #ccc; border-width:0 1px 1px; font-size: 12px; }
ul.so-step li .btn { position:relative; height:26px; margin-bottom:5px; }

.pu_docu-preview { position:relative; margin-bottom:20px; }
.pu_docu-preview h4 { position:relative; font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; height:30px; }
.pu_docu-preview .box { position:relative; border:1px solid #ccc; height:194px; overflow:hidden; overflow-y:auto; }

.pu_pw { position:relative; padding:30px 13px 80px; }
.pu_pw dl { position:relative; }
.pu_pw dl dt { position:absolute; top:0; left:0; line-height:36px; font-size:14px; font-family:NanumGothicBold, Sans-serif; color:#333; }
.pu_pw dl dd { position:relative; margin-left:95px; margin-bottom:10px; }
.pu_pw dl dd input { width:196px; height:34px; line-height:34px; border:1px solid #ccc; padding:0 9px; }
.pu_pw dl dd.c_red { font-size:13px; color:#ff5152; font-family:NanumGothicBold, Sans-serif; }
.pu_pw p { font-size:13px; }
.pu_pw p i { color:#333; font-family:NanumGothicBold, Sans-serif; }

.pu_mn { position:relative; padding:30px 13px 80px; }
.pu_mn dl { position:relative; }
.pu_mn dl dt { position:absolute; top:0; left:0; line-height:36px; font-size:14px; font-family:NanumGothicBold, Sans-serif; color:#333; }
.pu_mn dl dd { position:relative; margin-left:95px; margin-bottom:10px; }
.pu_mn dl dd input { width:196px; height:34px; line-height:34px; border:1px solid #ccc; padding:0 9px; }
.pu_mn dl dd.c_red { font-size:13px; color:#ff5152; font-family:NanumGothicBold, Sans-serif; }
.pu_mn p { font-size:13px; }
.pu_mn p i { color:#333; font-family:NanumGothicBold, Sans-serif; }

.btn_ud { display:inline-block; *zoom:1; *display:inline; background:url(../images/ic_arrow_ud.gif) no-repeat 0 0; width:9px; height:13px; vertical-align:middle; text-align:left; margin:0 0 2px 5px; }
.btn_ud a { display:block; height:5px; text-indent:-9999px; }
.btn_ud .bt_up { margin-bottom:3px; }

.tx_tb-step { position:relative; }
.tx_tb-step .so-step { position:absolute; top:29px; right:-120px; width:522px; padding:23px 0 17px; background:#fff; border:1px solid #343434; display:none; }
.tx_tb-step:hover .so-step { display:block; }

.tx_tb-step { position:relative; }
.tx_tb-step .so-step1 { position:absolute; top:29px; right:-120px; width:auto; padding:23px 0 17px; background:#fff; border:1px solid #343434; display:none; }
.tx_tb-step:hover .so-step1 { display: block; }

.dv_top { position:relative; margin-bottom:50px; *zoom:1; }
.dv_top:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.dv_top .l_area { position:relative; float:left; width:38%; }
/*.dv_top .r_area { position:relative; float:right; width:61%; }*/
.dv_top .r_area { position:relative; float:right; }

.tb_dvt01 { width:100%; font-size:14px; }
.tb_dvt01 th { height:63px; background:#f5f5f5; border:1px solid #ccc; border-left:0; color:#333; font-family:NanumGothicBold, Sans-serif; }
.tb_dvt01.sm th { height:50px; }
.tb_dvt01 td { border:1px solid #ccc; border-right:0; color:#666; padding:0 20px; }
.tb_dvt01 td .tx_c_blue { color:#2681dc; }

.tb_dvt02 { width:100%; font-family:NanumGothicBold, Sans-serif; color:#333; }
.tb_dvt02 th { background:#dfdfdf; border:1px solid #ccc; color:#333; font-size:15px; }
.tb_dvt02 td { border:1px solid #ccc; text-align:center; font-size:12px; height:27px; width:85px; }
.tb_dvt02.sm td { height:30px; }
.tb_dvt02 td.stamp { vertical-align:top; padding-top:18px; height:82px; }
.tb_dvt02 td:hover { cursor: pointer; }
.tb_dvt02.sm td.stamp { height:65px; }
.tb_dvt02 td.stamp em { display:block; font-size:11px; font-family:NanumGothic, Sans-serif; padding-top:2px; }

/* suitable page를 위한 css */
.tb_vdvt02 { margin-left:43%; font-family:NanumGothicBold, Sans-serif; color:#333; }
.tb_vdvt02 th { background:#dfdfdf; border:1px solid #ccc; color:#333; font-size:15px; }
.tb_vdvt02 td { border:1px solid #ccc; text-align:center; font-size:12px; width:85px; }
.tb_vdvt02.sm td { height:30px; }
.tb_vdvt02 td.stamp { vertical-align:top; padding-top:9px; height:62px; }
.tb_vdvt02 td:hover { cursor: pointer; }
.tb_vdvt02.sm td.stamp { height:65px; }
.tb_vdvt02 td.stamp em { display:block; font-size:11px; font-family:NanumGothic, Sans-serif; padding-top:2px; }
.tb_vdvt02 img { height: 50px; }

.mb11 { margin-bottom:11px; }

.dv_con { position:relative; height:843px; border:1px solid #ccc; margin-bottom:30px; overflow:hidden; overflow-y:auto; }

.comment { position:relative; padding:19px 0; border:1px solid #ccc; border-width:1px 0; margin-bottom:30px; }
.comment textarea { display:block; vertical-align:top; padding:9px 14px; width:935px; height:56px; border:1px solid #ccc; }
.comment a { position:absolute; top:19px; right:0; width:115px; height:76px; line-height:76px; display:block; text-align:center; background:#abacad; font-size:14px; font-family:NanumGothicBold, Sans-serif; color:#fff; }
.comment a:hover { text-decoration:none; }

.ic_state { display:inline-block; *zoom:1; *display:inline; width:38px; height:23px; line-height:23px; text-align:center; background:#fff; font-size:14px; font-family:NanumGothicBold, Sans-serif; }
.ic_state.c01 { border:1px solid #2681dc; color:#2681dc; }
.ic_state.c02 { border:1px solid #f65e5c; color:#f65e5c; }
.ic_state.c03 { border:1px solid #c5ac81; color:#c5ac81; }

ul.tab_board { position:relative; *zoom:1; }
ul.tab_board:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
ul.tab_board li { position:relative; float:left; width:155px; background:#f5f5f5; border:1px solid #ccc; text-align:center; margin-right:-1px; font-size:14px; font-family:NanumGothicBold, Sans-serif; }
ul.tab_board li i { position:absolute; top:0; right:0; width:0; height:0; display:block; border-bottom:8px solid transparent; border-left:8px solid transparent; text-indent:-9999px; }
ul.tab_board li.active i { border-top:8px solid #fff; border-right:8px solid #fff; }
ul.tab_board li a { display:block; height:36px; line-height:18px; padding:11px 0; color:#666; }
ul.tab_board li.l1 a { line-height:36px; }
ul.tab_board li a:hover { text-decoration:none; }
ul.tab_board li.active a,
ul.tab_board li.active a:hover { color:#fff; background:#015fa7; }
.tab_board_content { position:relative; padding-top:30px; display:none; }
.tab_board_content.on { display:block; }

.tb_board_view { width:100%; border-top:2px solid #333; font-size:14px; }
.tb_board_view.nl { border-top:1px solid #ccc; }
.tb_board_view thead th { border-bottom:1px solid #ccc; padding:0 20px; }
.tb_board_view thead th i { margin:0 10px; }
.tb_board_view thead th.tit { font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; padding:15px 20px; text-align:left; }
.tb_board_view thead th.tr { font-weight:normal; }
.tb_board_view tbody td .con-tx { padding:20px; line-height:24px; }
.tb_board_view tbody td .con-tx p {word-break: break-all; }
.tb_board_view tbody th { background:#f5f5f5; color:#333; font-family:NanumGothicBold, Sans-serif; height:58px; border:1px solid #ccc; border-width:0 1px 1px 0; }
.tb_board_view tbody td { border-bottom:1px solid #ccc; padding:20px; }
.tb_board_view tbody td.add-file { font-size:13px; line-height:24px; }
.tb_board_view tbody td.recipient { font-size:13px; }
.tb_board_view img { vertical-align:middle; margin-right:7px; max-width: 1000px; max-heigth: 800px;}

.comment-list { position:relative; margin-bottom:-1px; border-top: 1px solid #ccc; }
.comment-list li { position:relative; border-bottom:1px solid #ccc; padding:20px 120px; line-height:22px; }
.comment-list li .name { position:absolute; top:20px; *top:18px; left:18px; color:#333; font-family:NanumGothicBold, Sans-serif; font-size:14px; }
.comment-list li .tx { font-size:13px; word-break: break-all; }
.comment-list li .date { position:absolute; top:20px; right:18px; }
.comment-list li .date .bt_delete { margin-left:7px; }
.comment-list li .date .bt_delete img { vertical-align:middle; }

.apprComment-list { position:relative; margin-bottom:-1px; border-top: 1px solid #ccc; }
.apprComment-list li { position:relative; border-bottom:1px solid #ccc; padding:20px 120px; line-height:22px; }
.apprComment-list li .name { position:absolute; top:20px; *top:18px; left:18px; color:#333; font-family:NanumGothicBold, Sans-serif; font-size:14px; }
.apprComment-list li .tx { font-size:13px; word-break: break-all; }
.apprComment-list li .date { position:absolute; top:20px; right:18px; }
.apprComment-list li .date .bt_delete { margin-left:7px; }
.apprComment-list li .date .bt_delete img { vertical-align:middle; }

.tb_board_write { width:100%; border-top:1px solid #ccc; }
.tb_board_write th { background:#f5f5f5; border:1px solid #ccc; border-width:0 1px 1px 0; font-size:14px; font-family:NanumGothicBold, Sans-serif; color:#333; }
.tb_board_write td { border-bottom:1px solid #ccc; padding:12px 20px; vertical-align:top; }
.tb_board_write td input[type=text] { height:34px; line-height:34px; border:1px solid #ccc; padding:0 9px; }
.tb_board_write td textarea { border:1px solid #ccc; padding:9px; height:500px; }
.tb_board_write td input[type=file] { height:36px; }

.file_input_textbox { width:87%; border:1px solid #ccc; vertical-align:top; }
.file_input_div { position:relative; display:inline-block; *zoom:1; *display:inline; width:76px; height:37px; overflow: hidden; margin-left:7px; vertical-align:top; }
.file_input_button { position:absolute; top:0; *top:1px; right:0; width:76px; height:36px; line-height:35px; background:#abacad; color:#fff; border:0; font-size:14px; font-family:NanumGothicBold, Sans-serif; }
.file_input_hidden { position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; }

.ic_cate { display:inline-block; *zoom:1; *display:inline; min-width:76px; height:22px; line-height:22px; text-align:center; font-size:14px !important; font-family:NanumGothicBold, Sans-serif; margin-right:12px; padding-left: 3px; padding-right: 3px; }
.ic_cate.c01 { border:1px solid #0881dc; color:#0881dc; }

.cir_view { position:relative; border:1px solid #ccc; border-top:2px solid #333; /*height:990px;*/ overflow:hidden; overflow-y:auto; }

h4.basic { position:relative; font-size:18px; color:#333; font-family:NanumGothicBold, Sans-serif; margin-bottom:20px; }

.info-set { position:relative; *zoom:1; }
.info-set:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.info-set .left { position:relative; float:left; width:35%; }
.info-set .right { position:relative; float:right; width:61%; }
.info-set .o-chart { position:relative; border:1px solid #ccc; height:410px; overflow:hidden; overflow-y:auto; }

.tb_info01 { width:100%; border-top:2px solid #333; font-size:14px; }
.tb_info01 tbody th { background:#f5f5f5; color:#333; font-family:NanumGothicBold, Sans-serif; height:47px; border:1px solid #ccc; border-width:0 1px 1px 0; }
.tb_info01 tbody td { border-bottom:1px solid #ccc; padding:18px 20px; }

div.fake_input { width:100%; border:1px solid #ccc; min-height:34px; font-size:14px; }
.recipient_field a.del { background:url(../images/bt_ic_delete.gif) no-repeat; display:inline-block; width:8px; height:8px; margin-left:6px; margin-right:1px; }
.recipient_field a:hover.del { background:url(../images/bt_ic_delete_on.gif) no-repeat; }
/*.recipient_field img { vertical-align:0; margin-left:7px; margin-right:2px;  }*/
.recipient_field ul { margin-left:8px; }
.recipient_field li { display:inline-block; margin-right:4px; margin-top:4px; }
.recipient_field li span { display:inline-block; padding:3px; background:#e1edf9; border:1px solid #cde7ff; }
.addfile_field ul li { width:100%; border:1px solid #ccc; min-height:34px; font-size:13px; margin-top:-1px; }
.addfile_field img { vertical-align:middle; margin:0 7px; }
.addfile_field { line-height:36px; }
.addfile_field .del { vertical-align:0; float:right; }
.blind {position: absolute !important;height: 1px; width: 1px; overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

.regi-sign { position:relative; min-height:80px; }
.regi-sign .ph { position:absolute; top:0; left:0; border:1px solid #ccc; background:#ebebeb; }
.regi-sign .tx { position:relative; margin-left:98px; padding-top:13px; font-size:12px; }
.regi-sign .tx .btn { position:relative; margin-bottom:8px; }
.regi-sign .tx .btn a { margin-right:10px; }

.bg_login { background:#f5f5f5; }
.login { position:relative; padding-top:100px; width:640px; margin:0 auto; }
.login h1 { position:relative; text-align:center; margin-bottom:65px; }
.login .box { position:relative; background:#fff; border:1px solid #d0d0d0; margin-bottom:85px; }
.login .box .form { position:relative; padding:64px 74px 59px; font-size:13px; color:#555; }
.login .box .form input[type=password],
.login .box .form input[type=text] { width:460px; height:44px; line-height:44px; border:1px solid #d0d0d0; padding:0 14px; font-size:14px; }
.login .box .form input[type=password]:focus,
.login .box .form input[type=text]:focus { border:1px solid #2681dc; }
.login .box .form .guide { position:relative; padding-top:5px; height:16px; font-size:13px; color:#f65e5b; text-align:right; }
.login .box .form .bt_login { position:relative; display:block; height:58px; line-height:58px; background:#2681dc; color:#fff; font-size:18px; text-align:center; }
.login .box .form .bt_login:hover { text-decoration:none; background:#1672c5; }
.login .box .form .bt_f-id { font-size:14px; line-height:16px; color:#555; background:url(../images/bt_ic_search.gif) no-repeat 0 1px; padding-left:20px; }
.login .box .form input[type=checkbox] { vertical-align:-2px; margin-right:10px; }
.login .copyright { position:relative; text-align:center; font-size:13px; }
.login .box .find-id { position:relative; padding:39px 59px 34px; font-size:13px; color:#555; }
.login .box .find-id h2 { position:relative; font-size:18px; color:#333; font-weight:700; }
.login .box .find-id dl { position:relative; padding-bottom:50px; }
.login .box .find-id dl dt { position:absolute; top:0; left:0; padding-left:20px; height:46px; line-height:46px; background:url(../images/ic_b-check.gif) no-repeat 0 18px; font-size:14px; color:#424242; font-weight:700; }
.login .box .find-id dl dd { position:relative; margin-left:90px; margin-bottom:10px; }
.login .box .find-id dl dd input[type=text] { width:394px; height:44px; line-height:44px; border:1px solid #d0d0d0; padding:0 14px; font-size:14px; }
.login .box .find-id dl dd input[type=text]:focus { border:1px solid #2681dc; }
.login .box .find-id .i-guide { font-size:14px; color:#424242; margin-bottom:60px; }
.login .box .find-id .id-list { font-size:12px; color:#2681dc; line-height:26px; font-weight:700; margin-bottom:50px; }

.error .con { position:relative; padding-top:140px; width:640px; text-align:center;  margin:0 auto; }
.error .con .h3 { color:#2681dc; font-size:24px; font-family:NanumGothicBold, Sans-serif; margin:30px 0 30px; }
.error .con .bt { margin:70px 0 100px; }
.error .copyright { position:relative; text-align:center; font-size:13px; }

.tb_board-list tbody tr.on { background:#e5e5e5; }
.tb_board-list tbody tr:hover { background:#e5e5e5; cursor: pointer; }

.err-guide {border:1px solid #f65e5b !important; }
.errMsg { position:relative; padding-top:5px; height:16px; font-size:13px; color:#f65e5b; }

.pu_error { position:relative; text-align:center; font-size:14px; padding:20px 0 45px; }
.pu_error .tx_blue { font-family:NanumGothicBold, Sans-serif; color:#2681dc; margin-bottom:20px; padding-top:15px; }

.tb_board-list th:hover{ cursor: pointer; }
.tb_board-list span.orderName{ margin-left: 25px; }
.tb_board-list span.order { display:inline-block; width:19px; height:18px; text-indent:-9999px; }
.tb_board-list span.up { background:url(../images/ic_arrow_up.gif) no-repeat center 6px #fff; }
.tb_board-list span.down { background:url(../images/ic_arrow_down.gif) no-repeat center 6px #fff; }
.tb_board-list span.up:hover { background:url(../images/ic_arrow_up_hover.gif) no-repeat center 6px #fff; }
.tb_board-list span.down:hover { background:url(../images/ic_arrow_down_hover.gif) no-repeat center 6px #fff; }


.bt_cal { display:inline-block; *zoom:1; *display:inline; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; margin-left:3px; width:34px; height:34px; background:url(../images/bt_cal.png) no-repeat center 4px; background-size:26px; vertical-align:top;
	-khtml-opacity:.70; /*safari*/
	-ms-filter:”alpha(opacity=70)”;/*IE8*/
	-moz-opacity:.70;/*FF*/
	filter:alpha(opacity=70); /*IE7*/
	opacity:.70;  /*all other browsers*/ }


.dv_top.ty02 { margin-bottom:10px; }
.dv_top.ty02 .l_area { position:absolute; top:0; left:0; width:30%; height:193px; line-height:193px; text-align:center; }
.dv_top.ty02 .l_area img { max-width:80%; vertical-align:middle; }
/*.dv_top.ty02 .r_area { width:34%; }*/
.dv_top.ty02 .r_area { }
/*.dv_top.ty02 .c_area { position:absolute; top:0; right:35%; width:34%; }*/
.dv_top.ty02 .c_area { position:absolute; top:0; left:30%; }
.dv_top.ty02 .vr_area { display: inline-block; margin-left:1%; }
.dv_top.ty02 .vc_area { display: inline-block; margin-left: 31%; }
.dv_top.ty02 .l_area h1{font-size: 30px; line-height: 193px; }

.dv_top.ty03 { margin-bottom:10px; }
.dv_top.ty03 .l_area { position:absolute; top:0; bottom:0; left:0; width:18%; line-height:210px; }
.dv_top.ty03 .l_area img { width:100%; vertical-align:middle; }
.dv_top.ty03 .c_area { width:49%; float:left; margin-left:20%; text-align:center !important; }
.dv_top.ty03 .r_area { width:29%; }
.dv_top.ty03 .l_area h1{font-size: 30px; line-height: 193px; }

.dv_top.ty04 .l_area { width:58%; }
.dv_top.ty04 .r_area { width:40%; }

.q_approval { position:relative; text-align:center; padding:30px 0; font-size:14px; line-height:20px; }
.q_approval p { font-size:16px; margin-bottom:15px; }


.c-box { position:relative; border:1px solid #ccc; padding:17px 20px; margin-top:-1px; }
.c-box select { width:300px; font-size:14px; margin-right:14px; }
.c-box a { position:relative; display:inline-block; *zoom:1; *display:inline; text-align:center; width:72px; height:34px; line-height:32px; font-size:13px; color:#333; background:#f5f5f5; border:1px solid #ccc; }
.c-box a:hover { text-decoration:none; }
.c-box a img { vertical-align:middle; margin-right:6px; }


#dragandrophandler
{
	border:2px dotted #0B85A1;
	color:#92AAB0;
	text-align:left;vertical-align:middle;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	font-size:200%;
}

.progressBar {
	width: 200px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	display:inline-block;
	margin:6px 10px 0px 5px;
	vertical-align:top;
}

.progressBar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 22px; /* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #0ba1b5; border-radius: 3px;
}
.statusbar
{
	border-top:1px solid #A9CCD1;
	min-height:25px;
	width:700px;
	padding:10px 10px 0px 10px;
	vertical-align:top;
}
.statusbar:nth-child(odd){
	background:#EBEFF0;
}
.filename
{
	display:inline-block;
	vertical-align:top;
	width:250px;
}
.filesize
{
	display:inline-block;
	vertical-align:top;
	color:#30693D;
	width:100px;
	margin-left:10px;
	margin-right:5px;
}

.slideout-menu {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 256px;
	overflow-y: auto;
	display: none;
	box-shadow: 3px 0px 14px 0px rgba(179, 179, 179, 0.59);
	background-color: #f3f3f3;
}

.slideout-menu .menu-section {
	background-color: white;
}

.slideout-menu .menu-section li:hover {
	background-color: #f0f0f0;
}

.slideout-panel {
	position:relative;
	z-index: 1;
	will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	/*overflow: hidden;*/
}

.slideout-open .slideout-menu {
	display: block;
}

.fixed {
	backface-visibility: hidden;
	position: fixed;
	z-index:2;
	transition: transform 300ms ease;
}

.fixed-open {
	transform: translate3d(256px, 0px, 0px);
}

.menu-header {

}

#menu h2 {margin-top: 12px; margin-left: 5px; font-size: 20px; }

.push {margin-top: 16px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px 10px; height: 54px; }
.push li { position:relative; float:left; width:33.3%; text-align:center; font-size:12px; color:#333; }/*20160513*/
.push li i { position:absolute; top:10%; right:0; height:80%; background:#e5e5e5; width:1px; }/*20160513*/
.push li a { display:block; padding:40px 0 0; }/*20160513*/
.push li em { margin-left:3px; color:#2681dc; }
.push li.p01 { background:url(../images/gnb_ic01.png) no-repeat center 0; background-size:24px auto; }
.push li.p02 { background:url(../images/gnb_ic02.png) no-repeat center 3px; background-size:26px auto; }
.push li.p03 { background:url(../images/gnb_ic03.png) no-repeat center 0; background-size:25px auto; }

ul.push-list {margin-top: 10px; }
ul.push-list li {position: relative; padding: 9px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
ul.push-list div p.tit {width:202px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
i.new_icon {position: absolute; top: 28px; right: 15px; width: 15px; height: 16px; padding-right: 1px; line-height: 16px; background: #f65e5c; color: #fff; text-align: center; font-size: 10px; font-family: NanumGothicBold; border-radius: 100%;}

#allNewIcon { width: 17px; height: 17px; background: #f65e5c; color: #fff; text-align: center; vertical-align: top; margin-top: 5px; margin-left: -5px; font-size: 10px; font-family: NanumGothicBold; border-radius: 100%; display:none; }
i.button_new_icon {position: absolute; top: 10px; width: 15px; height: 16px; padding-right: 1px; line-height: 16px; background: #f65e5c; color: #fff; text-align: center; font-size: 10px; font-family: NanumGothicBold; border-radius: 100%; display:none;  margin-left: 27px; }
i.button_new_icon_apps {position: absolute; top: 4px; width: 15px; height: 16px; left: 50px; padding-left: 1px; line-height: 16px; background: #f65e5c; color: #fff; text-align: center; font-size: 10px; font-family: NanumGothicBold; border-radius: 100%; display:none; }

.display_block {display: block !important; }

ul.push-list span.push-dt {float: right;}

a.toggle-button {display:inline-block; cursor: pointer; }
a.toggle-button i.fa.fa-list {padding: 8px 0px 10px 10px; font-size: 24px; color: #aaa; }
a.toggle-button:hover i.fa.fa-list {color: #5397c4; }


ul.menu-section-list li {cursor: pointer;}

span.push_type {border: 1px solid #000000; border-radius: 10% }

.appr_background {color: #2681DC; border-color: #2681DC !important; }
.mail_background {color: #2BA2B7; border-color: #2BA2B7 !important; }
.circ_background {color: #D941C5; border-color: #D941C5 !important; }

#nonAlarms {text-align: center; margin-top: 30px; display:none; }
#pushAlarm {position: absolute; top: 30%; left: 50%;z-index:9999;background: #0054FF; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; color: #EAEAEA; width: 300px; height: 38px; margin-left: -150px; border: 2px solid #BDBDBD; }
.btnAlarm {position: absolute; top: 4px; right: 7px; padding: 7px; background-color: #015fa7; color: #FFFFFF; border: none}
.tb_board-list .mark1 {
	background-color: #f9f1c7;
}

/*TODO COMPANY*/
/*#banner { background:url(../../portal/images/banner_samhwa.jpg) top center no-repeat; height:184px; width: 100%; background-color: #0a0a1a; }*/
/*#banner { background:url(../../portal/images/banner_samwoo.jpg) top center no-repeat; height:184px; width: 100%; background-color: #0a0a1a; }*/
#banner { background:url(../../portal/images/banner_osd.jpg) top center no-repeat; height:184px; width: 100%; background-color: #0a0a1a; }
/*#banner { background:url(../../portal/images/banner_tail.jpg) top center no-repeat; height:184px; width: 100%; background-color: #0a0a1a; }*/