@charset "utf-8";
@import url("main.css");
/* Reset */
html, body  {font-size: 12px;font-family: Dotum, Arial, Helvetica; line-height: 100%; color: #333333; margin: 0 auto; ; padding: 0;/*overflow-x:hidden;*/ }
h1, h2, h3, h4, h5, h6 {font-size: 12px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, input {margin: 0;padding: 0;}
ul, ol, li {list-style: none;}
img {border: 0;vertical-align: top;}
textarea {font-size: 12px;font-family: Dotum, Arial, Helvetica, sans-serif;}
table {width: 100%;margin: 0 auto;border-collapse: collapse;border: 0;font-size: 12px;font-family: Dotum, Arial, Helvetica, sans-serif;}
a, 
a:link {color: #000000; text-decoration: none; } 
a:visited {text-decoration: none;} 
a:active {text-decoration: none;} 
a:hover {color: #ff0000;} 
form, fieldset {border: 0; margin:0; padding:0;}
select, input {color: #777;vertical-align: middle;font-size: 12px;font-family: Dotum, Arial, Helvetica, sans-serif;}
legend {position:absolute;width:0;height:0;overflow:hidden;font:0/0 sans-serif;visibility:hidden;}
caption {width:0;height:0;overflow:hidden;font:0/0 sans-serif;visibility:hidden;}

.fl{float:left; display:inline;}
.fr{float:right; display:inline;}

.font_b {font-weight:bold;}
.font_red {color:#ff0000;}
.font_red02 {color:#ed0300;}
.font_black {color:#000000;}
.font_gray01 {color:#73727a;}
.font_gray02 {color:#666666;}
.font_gray03 {color:#999999;}
.font_gray04 {color:#c8c8c8;}
.font_blue01 {color:#3e73cc}
.font_blue02 {color:#004bca}
.font_white01 {color:#ffffff;}
.font_white02 {color:#fefffe;}
.font-size10 {font-size:10px;}
.font-size11 {font-size:11px;}
.font-size12 {font-size:12px;}
.font-size14 {font-size:14px;}

.input_type01{width:110px; height:9px; border:none; padding:4px 5px 4px 4px; margin:0; border: 1px solid #000000; font-size: 12px; color: #333;}
.input_type02{width:300px; height:9px; border:none; padding:4px 5px 4px 4px; margin:0; border: 1px solid #999999; font-size: 12px; color: #333;}
.input_type03{width:222px; height:9px; border:none; padding:4px 5px 4px 4px; margin:0; border: 1px solid #999999; font-size: 12px; color: #333;}
.input_type04{width:300px; height:9px; border:none; padding:4px 5px 4px 4px; margin:0; border: 1px solid #999999; font-size: 12px; color: #999;}
.textarea_type01 {width:910px; height:92px; line-height:20px; border:none; padding:20px 10px 10px 20px; margin:0; border: 1px solid #c7c7c7; font-size: 12px; color: #333;}

#wrap {width:984px; height:100%; margin:0 auto;}
#q_menu {width:52px; height:310px; margin: 165px 20px 0px 0px; float:left;}
#body {width:984px; height:100%; float:left;}

#header            {width:984px; height:93px; margin:0 auto;}
 .hearder          {width:984px; height:50px; margin:0 auto;}
 .hearder .logo    {width:473px; height:36px; margin-top:14px; float:left;}
 .hearder .top_btn {width:19px; height:19px; margin-left:5px; margin-top:10px; float:right;}

#bar             {width:984px; heigh:29px; float:left;}
 .bar            {width:984px; heigh:29px; margin-top:14px; float:left; background:#333333;}
 .bar .bar_home  {width:28px; height:29px; margin:0;}
 .bar .bar_line  {width:2px; height:29px; margin:0; text-align:left;}
 .bar .bar_right {height:29px; margin:0; float:right; background:#333;}
 .bar .bar_input {height:29px; margin:5px 0 5px 0; text-align:right;}
 .bar .bar_btn   {height:29px; margin:5px 10px 5px 5px; text-align:right;}

 .bar .bar_text  {height:29px; padding:0; text-align:right; line-height:30px;}

#contents      {width:984px; height:100%; margin-top:8px;}
.contents_01   {width:984px; height:280px; margin:0; background:#f1f1f1;}

.contents_flash{width:984px; height:280px; margin:0; background:#f1f1f1;}

.contents_02   {width:984px; height:240px; margin-top:15px;}
.contents_02 .news_box     {width:459px; height:240px; float:left;}
.contents_02 .news_title   {font-weight:bold; color:#000; padding:11px 0 8px 7px;}
.contents_02 .news_list    {font:12px dotum; line-height:21px; padding-left:8px; color:#666; solid;} 
.contents_02 .notice_box   {width:328px; height:103px; float:left;}
.contents_02 .notice_title {font-weight:bold; color:#000; padding:11px 0 8px 7px;}
.contents_02 .notice_list  {font:12px dotum; line-height:21px; padding-left:8px; color:#666; solid;} 
.contents_02 .service {width:516px; height:240px; float:left;}
.contents_02 .people  {width:131px; height:240px; margin-left:9px; float:left;}

.content_03           {width:984px; height:233px; margin-top:30px; }
.content_03 .box      {width:328px; height:233px; float:left; background:url('images/con3_img_bg.gif') repeat;}
.content_03 .text_box {width:270px; height:27px; float:right; padding:11px 10px 0px 0px;}
.content_03 .text01   {width:77px; height:27px; float:right; color:#fb0f0c; line-height:14px;}
.content_03 .text02   {width:77px; height:27px; float:right; color:#fb0f0c; line-height:14px;}
.content_03 .line     {padding:0 6px 0 6px;}
.content_03 .img      {margin-top:17px; text-align:center;}
.content_03 .line     {padding:0 6px 0 6px;}
.content_03 .btn_01   {width:86px; height:32px; float:right; padding:8px 20px 0 0;}
.content_03 .btn_02   {width:116px; height:32px; float:right; padding:8px 20px 0 0;}

#client {width:984px; height:56px; margin-top:50px; background:#f1f1f1; float:left;}

.client_textBG {width:80px; float:left; float:left;}
.client_text   {font-weight:bold; font-size:15px; color:#999999; margin:24px 0 10px 37px;} 

.client_arrowLeft  {width:4px; height:7px; padding-top:27px; float:left;}
.client_arrowRight {width:4px; height:7px; padding-top:27px; float:left;}

.client_logo_bg {width:804px; text-align:center; float:left;}
.client_logo {width:144px; height:5px; margin-top:10px; padding:0 5px 0 7px; float:left;}

#footer                {width:984px; height:81px; margin-top:70px; float:left;}
 .footer_bg            {width:984px; height:81px; float:left; background: url('images/footer_bg.gif') repeat;} 
 .footer_logo          {width:120px; height:26px; margin:45px 0 0 10px; float:left; }
 .footer_text_map      {height:81px; line-height:18px; margin:35px 0 0 35px; font-size: 11px; float:left; }
 .footer_text_personal {height:81px; line-height:18px; color:#000; margin-top:36px; font-size: 11px; float:right; }

.sub_title       {width:984px; height:100px; margin-top:10px; }
.sub_btn         {text-align:center; line-height:24px; margin-top:20px;}
.sub_btn_area    {width:984px; line-height:24px; margin-top:20px; float:left;}

.service_title02 {width:720px; height:25px; margin:74px 0 0 30px; }
.service_img01   {width:984px; height:295px; margin-top:30px;} 

.service_img02   {width:924px; height:180px; margin:40px 0 0 30px; }
.service_inquiry {width:504px; height:25px; margin:40px 0 0 240px; }

.service_left  {width:219px; height:295px; padding:0; float:left;}
.service_right {width:765px; height:295px; padding:0; float:left;}

#report          {width:984px; height:100%; margin-top:30px; }
 .report_left    {width:300px; height:100%; margin:0; float:left; background:#f0f0f0; }
 .report_left_01 {width:204px; height:29px; margin:33px 0 14px 48px; }
 .report_left_02 {width:240px; height:172px; margin:0 30px 0 30px; }
 .report_left_03 {width:220px; height:115px; margin:5px 0 0 42px; line-height:18px; color:#575757; }
 .report_left_04 {width:220px; margin-left:44px; line-height:18px; color:#a8a8a8; }
 .report_left_05 {width:240px; height:178px; margin:28px 30px 30px 30px;}
 
 .report_right   {width:644px; height:100%; margin-left:40px; float:left; }
 .report_right_01{width:644px; height:100%; margin:0; float:left;}
 .report_right_02{width:644px; height:100%; margin-top:50px; float:left;}
 .report_right_03{width:644px; height:19px;}


#report_buy             {width:924px; margin:30px 30px 0 30px;}
 .report_buy_title      {height:35px; line-height:23px; font-weight:bold; margin:20px 0 0 0; font-size:14px; float:left;}
 .report_buy_money      {height:40px; line-height:40px; margin-right:50px; text-align:right;}
 .report_buy_moneytotal {font-weight:bold; margin-right:30px; text-align:right; color:#ff0000}
 .report_buy_text01     {height:40px; line-height:40px; margin-left:35px; float:left;}
 .report_buy_text02     {height:35px; line-height:23px; margin:20px 0 0 10px; float:left;}
 .report_buy_tax        {width:924px; height:50px; line-height:50px; margin-left:50px; float:left;}

.recruit_img01 {width:924px; height:196px; margin:30px 30px 0 30px; }

#recruit {width:984px; height:100%; margin-top:70px; }
 .recruit_text01 {color:#000; font-weight:bold; }
 .recruit_text02 {color:#666666; margin:14px 0 39px 0;}
 .recruit_text03 {line-height:50px; margin:20px 0 0 130px; float:left; color:#666;}

 .recruit_left    {width:192px; height:100%; margin-left:30px; float:left;}
 .recruit_right   {width:732px; height:100%; float:left;}
 .recruit_line_y       {width:2; height:275px; margin:0; float:left; background:#f1f3f5;}
 .recruit_vita_content {padding:6px 0 0 32px; margin:0; float:left;}

.mysearch_img01 {width:984px; height:141px; margin-top:30px; }

#mysearch {width:984px; height:100%; margin-top:50px; }

 .mysearch_left    {width:250px; height:100%; float:left; margin:0 30px 0 30px;}
 .mysearch_right   {width:674px; height:100%; float:left;}

 .mysearch_text01     {color:#333333; line-height:21px; margin-top:5px;}
 .mysearch_text02     {color:#3e73cc; line-height:21px; margin-top:7px;}
 .mysearch_text03     {color:#666666; margin-top:20px; padding:20px 0 0 149px; width:644px; height:51px; background:#f1f3f5;}
 .mysearch_text04     {height:40px; line-height:40px; margin-left:35px; float:left;}
 .mysearch_text05     {height:35px; line-height:23px; margin:20px 0 0 10px; float:left;}


 .mysearch_buy        {width:924px; padding-left:30px; float:left;}
 .mysearch_title      {height:35px; line-height:23px; font-weight:bold; margin:20px 0 0 0; font-size:14px; float:left;}

 
 .mysearch_money      {height:40px; line-height:40px; margin-right:50px; text-align:right;}
 .mysearch_moneytotal {font-weight:bold; margin-right:30px; text-align:right; color:#ff0000}
 .mysearch_tax        {width:894px; height:40px; line-height:40px; margin-left:10px; padding-left:20px; float:left;}

#news_clip            {width:984px; height:100%; margin-top:50px; margin-left:30px;}
 .news_clip           {width:924px; height:100%; margin-top:50px; margin-left:30px;}
 .news_clip_title     {font-weight:bold; line-height:24px; padding-left:30px;}
 .news_clip_contents  {width:864px; height:100%; line-height:24px; padding:30px 30px 30px 30px;}
 .news_clip_btn       {text-align:center; line-height:24px; padding-top:20px;}

 .font_page_number     {margin:0 2px 0 2px}
 .font_page_number_red {margin:0 2px 0 2px; font-weight:bold; color:#ff0000}

 .arrow_before {width:6px; height:9px; margin-right:7px;}
 .arrow_next   {width:6px; height:9px; margin-left:7px;}
 .arrow_first  {width:11px; height:9px; margin-right:5px;}
 .arrow_last   {width:11px; height:9px; margin-left:5px;}
 
 #client {width:984px; height:56px; margin-top:50px; background:#f1f1f1; float:left;}
  .client_textBG {width:80px; float:left; float:left;}
  .client_text   {font-weight:bold; font-size:15px; color:#999999; margin:24px 0 10px 37px;} 
  .client_arrowLeft  {width:15px; height:15px; margin-top:27px; padding:0px; float:left; cursor:pointer; text-align: center;}
  .client_arrowRight {width:15px; height:15px; margin-top:27px; padding:0px; float:left; cursor:pointer; text-align: center;}
  .client_logo_bg {width:804px; text-align:center; float:left;}
  .client_logo {width:144px; height:56px; margin-top:10px; padding:0 5px 0 7px; float:left;}
  .client_logo img {width: 144px; height: 36px;}
  
#q_menu {position:Absolute; top:100px; margin:0 0 0 -60px; width:52px; height:310px;}  



/*카테고리 - 주식추가*/
.top_menu{width:100%; border-bottom:solid 1px #afafaf; box-shadow:0 1px 2px #e1e1e1; }
.top_menu ul:after{ display:block; content:''; clear:both;}
.top_menu li{float:left; width:25%;border-bottom:solid 3px #FFFFFF}
.top_menu li a{display:block; width:100%; padding:14px 0 10px; text-align:center; }
.top_menu li.s a{font-size:12px}
.top_menu li.on{border-bottom:solid 3px #3f6ca8}
.top_menu li.on a{color:#3f6ca8}
.top_menu .tab7 li{width:14.2%}

.tab_bottom{width:100%; border-top:solid 1px #e4e4e4;}

.top .greet{text-align:right;padding:15px;border:1px solid}
.top .searchParam{text-align:center;height:200px;}


.multiselect {
    width:20em;
    height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multiselect label {
    display:block;
    height:15px;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#3399ff;
}

.popup {display: none; position: absolute; left: 50%; z-index: 99999; text-align: center;}
#fade {display: none;background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .60;z-index: 9999;}
.popup .top .close{position: absolute; right:0px; top:0px;}

.popupbox {display:none; position: fixed; top: 50%; left: 50%; z-index: 99999;}
#ad_popup{width:480px; height:352px; background-image: url("/images/new/sub_ad_popup_bg.png"); }
#ad_popup .player{width:408px; height:295px; background-color: #000000;float:left; margin-top:39px; margin-left:22px; clear: both;}
#ad_popup .close{width:50px; height:50px; float:right; cursor:pointer;}