@charset "utf-8";

#header{background:url(../images/common/sub_body_bg.gif) repeat-x;}

#top{background:url(../images/common/sub_top_img.gif) no-repeat; height:131px; width:1000px; margin:0 auto; position:relative;}

#topNav{background:url(../images/common/top_nav_bg.gif) no-repeat; height:41px; width:1000px; margin:0 auto;}
#topNav li{float:left;}

#topNav li a{padding:14px 48px; display:block;}
#topNav li.about{margin-left:7px;}
#topNav li a.select{background:url(../images/common/top_menu_select.gif) no-repeat center top; padding:14px 48px;}
#topNav li a:hover{background:url(../images/common/top_menu_select.gif) no-repeat center top; padding:14px 48px;}
#topNav li.about a.select{background:url(../images/common/top_about_select.gif) no-repeat center top; padding:14px 48px;}
#topNav li.about a:hover{background:url(../images/common/top_about_select.gif) no-repeat center top; padding:14px 48px;}


#header h1{position:absolute; top:20px; left:20px;}
#header h1{position:absolute; top:20px; left:20px;}
#header .totalSearch{position:absolute; top:30px; right:0px; width:304px;}
#header .totalSearch input.topSearch{border:2px solid #2b619d; background-color:#fff; width:300px; height:24px;float:left; background-image:url(../images/common/btn_top_search.gif); background-repeat:no-repeat; background-position:271px;}
#header .totalSearch .btn{float:left;}
#header .totalSearch p img{margin:5px 0px;}

#wrapper{width:1000px; margin:0 auto; padding-top:28px;  overflow:auto;}
#side{background:url(../images/common/side_top_bg.gif) no-repeat center top; width:185px; float:left; padding:8px 0px 0px;}
#side ul{background:url(../images/common/side_bottom_bg.gif) no-repeat center bottom; padding:0px 8px 8px;}
#side ul li{border-bottom:1px solid #dddddd;}


#side ul.sub{background:url(../images/common/side_sub_bg.gif) repeat-x center top; border-top:1px solid #dddddd; padding:0px;}
#side ul.sub li,#side ul li.menu06{border-bottom:none;}

#side ul a{padding:15px 5px 0px 18px; display:block;  height:0; overflow:hidden;}
#side ul.sub a{padding:13px 5px 0px 18px; display:block; height:0; overflow:hidden;}
#side ul.sub li{background:url(../images/common/left_sub_dot.gif) no-repeat left center; margin-left:10px;;}

#side ul li.menu01 a{background:url(../images/common/side_comp.png) no-repeat 0px 0px; margin:14px 10px;}
#side ul li.menu01 a:hover{background:url(../images/common/side_comp.png) no-repeat 0px -15px;}
#side ul li.menu01 a.select{background:url(../images/common/side_comp.png) no-repeat 0px -15px;}
#side ul li.sub1{display:none;}
#side ul.sub li.sub101 a{background:url(../images/common/side_comp_announce.png) no-repeat 0px 0px; margin:12px 10px;}
#side ul.sub li.sub101 a:hover{background:url(../images/common/side_comp_announce.png) no-repeat 0px -13px;}
#side ul.sub li.sub101 a.select{background:url(../images/common/side_comp_announce.png) no-repeat 0px -13px;}
#side ul.sub li.sub102 a{background:url(../images/common/side_comp_financial.png) no-repeat 0px 0px;  margin:12px 10px;}
#side ul.sub li.sub102 a:hover{background:url(../images/common/side_comp_financial.png) no-repeat 0px -13px;}
#side ul.sub li.sub102 a.select{background:url(../images/common/side_comp_financial.png) no-repeat 0px -13px;}
#side ul.sub li.sub103 a{background:url(../images/common/side_comp_other.png) no-repeat 0px 0px;  margin:12px 10px;}
#side ul.sub li.sub103 a:hover{background:url(../images/common/side_comp_other.png) no-repeat 0px -13px;}
#side ul.sub li.sub103 a.select{background:url(../images/common/side_comp_other.png) no-repeat 0px -13px;}
#side ul li.menu02 a{background:url(../images/common/side_index.png) no-repeat 0px 0px;  margin:14px 10px;}
#side ul li.menu02 a:hover{background:url(../images/common/side_index.png) no-repeat 0px -15px;}
#side ul li.menu02 a.select{background:url(../images/common/side_index.png) no-repeat 0px -15px;}
#side ul li.menu03 a{background:url(../images/common/side_dividends.png) no-repeat 0px 0px;  margin:14px 10px;}
#side ul li.menu03 a:hover{background:url(../images/common/side_dividends.png) no-repeat 0px -15px;}
#side ul li.menu03 a.select{background:url(../images/common/side_dividends.png) no-repeat 0px -15px;}
#side ul li.menu04 a{background:url(../images/common/side_halts.png) no-repeat 0px 0px;  margin:14px 10px;}
#side ul li.menu04 a:hover{background:url(../images/common/side_halts.png) no-repeat 0px -15px;}
#side ul li.menu04 a.select{background:url(../images/common/side_halts.png) no-repeat 0px -15px;}
#side ul li.menu05 a{background:url(../images/common/side_notice.png) no-repeat 0px 0px;  margin:14px 10px;}
#side ul li.menu05 a:hover{background:url(../images/common/side_notice.png) no-repeat 0px -15px;}
#side ul li.menu05 a.select{background:url(../images/common/side_notice.png) no-repeat 0px -15px;}
#side ul li.sub5{display:none;}
#side ul.sub li.sub501 a{background:url(../images/common/side_notice_listing.png) no-repeat 0px 0px; margin:12px 10px;}
#side ul.sub li.sub501 a:hover{background:url(../images/common/side_notice_listing.png) no-repeat 0px -13px;}
#side ul.sub li.sub501 a.select{background:url(../images/common/side_notice_listing.png) no-repeat 0px -13px;}
#side ul.sub li.sub502 a{background:url(../images/common/side_notice_disclosure.png) no-repeat 0px 0px;  margin:12px 10px;}
#side ul.sub li.sub502 a:hover{background:url(../images/common/side_notice_disclosure.png) no-repeat 0px -13px;}
#side ul.sub li.sub502 a.select{background:url(../images/common/side_notice_disclosure.png) no-repeat 0px -13px;}
#side ul li.menu06 a{background:url(../images/common/side_market.png) no-repeat 0px 0px; margin:14px 10px;}
#side ul li.menu06 a:hover{background:url(../images/common/side_market.png) no-repeat 0px -15px;}
#side ul li.menu06 a.select{background:url(../images/common/side_market.png) no-repeat 0px -15px;}


#contents{float:right; width:795px;}

#contents h2{color:#393939; background:url(../images/common/h2_title_bg.gif) repeat-x left bottom; padding:0px 0px 23px 5px;}
#contents .location{font-size:95%; color:#777; float:right; margin-top:-33px;}

#contents .dateSelect{border:1px solid #d0d0d0; height:27px; background:url(../images/common/today_bg.gif) repeat-x}
#contents .dateSelect li{float:left; border-right:1px solid #d0d0d0; width:105px;  text-align:center; color:#424242;}
#contents .dateSelect li.end{width:200px;padding:5px 10px; text-align:left; border:none;}
#contents .dateSelect li.end img{margin-top:-2px;}

#contents .dateSelect a{color:#333; padding:6px 0px 7px; display:block;}
#contents .dateSelect a:hover{color:#5781ca;}
#contents .dateSelect a.select{background:url(../images/common/today_select.gif) repeat-x; padding:6px 0px 7px; display:block; color:#fff; font-weight:bold;}

#contents .companyTab{background:url(../images/common/comp_tab_bg.gif) repeat-x; margin-bottom:15px; border-left:1px solid #dcdddf; border-right:1px solid #dcdddf;}
#contents .companyTab li{text-align:center; float:left; line-height:20px; font-size:0.89em;  border-right:1px solid #dcdddf;}
#contents .companyTab li.end{border-right:none;}

#contents .companyTab a{color:#333; padding-top:3px; display:block;}
#contents .companyTab a.select{padding-top:3px; background:url(../images/common/comp_tab_select.gif) repeat-x; color:#fff; border:1px solid #f04a5b;}

#contents .compInfo{margin-bottom:10px;}
#contents .compInfo span{float:right; margin-top:-96px; padding:2px; min-width:100px; height:90px; border:1px solid #cecece; background-color:#fff; display:table-cell; vertical-align:middle;}
#contents .compInfo span img{margin:0 auto; display:block;}
#contents .compInfo p{float:left; margin-top:55px; width:773px; padding:10px 10px; border:1px solid #cecece; background-color:#f7f7f7; font-weight:bold;}

#contents .searchBox{position:relative; background:url(../images/common/search_box_bg.gif) repeat-x left bottom; border:1px solid #dbdbdb; margin:10px 0px 15px 0px; padding:17px 10px 17px 30px;}
#contents .searchBox label{font-size:95%; font-weight:bold; color:#222; width:110px; display:inline-block;}
#contents .searchBox p, #contents .searchAll p{line-height:30px;}
#contents .searchBox .btn{position:absolute; right:15px; bottom:15px}

#contents .count{float:left; line-height:22px; margin:5px 0px 0px;}
#contents .sort{float:right;margin:5px 0px 0px;}
#contents .sort:after,
#contents .companyTab:after,
#contents .compInfo:after
{clear:both; content:""; display:block; margin:0px 0px;}


#contents .sort span{background:url(../images/common/sort_desc_off.gif) no-repeat right top; padding:3px 10px 0px 0px; height:21px; display:inline-block;}
#contents .sort a{background:url(../images/common/sort_desc_off.gif) no-repeat;  padding:0px 0px 0px 20px; height:21px; display:inline-block;  color:#324261;}
#contents .sort a.select{background:url(../images/common/sort_desc_on.gif) no-repeat;  padding:0px 0px 0px 20px; height:21px; display:inline-block; color:#fff;}
#contents .sort a.select span{background:url(../images/common/sort_desc_on.gif) no-repeat right top; padding:3px 10px 0px 0px; height:21px; display:inline-block;}
#contents .sort a.asc{background:url(../images/common/sort_asc.gif) no-repeat;  padding:0px 0px 0px 20px; height:21px; display:inline-block; color:#fff;}
#contents .sort a.asc span{background:url(../images/common/sort_asc.gif) no-repeat right top; padding:3px 10px 0px 0px; height:21px; display:inline-block;}


#contents .btnTab{margin-bottom:10px;}

#contents table.list{width:100%; margin:2px 0 0; border-collapse:collapse; border-top:2px solid #484848; border-bottom:1px solid #484848; clear:both;}
#contents table.list th{border-bottom:1px solid #484848; color:#111; font-size:95%; padding:10px 5px;}
#contents table.list td{border-top:1px solid #d7d7d7; color:#333; font-size:95%; padding:5px 5px;}


#contents table.view{width:100%; margin:5px 0; border-collapse:collapse;}
#contents table.view th{border:1px solid #ccc; color:#111; font-size:95%; padding:5px 10px; text-align:left; background-color:#f3f3f3; font-weight:normal;}
#contents table.view td{border:1px solid #ccc; color:#333; font-size:95%; padding:5px;}

#contents table.view .alignC, #contents table .alignC{text-align:center;}
#contents table.view .alignR, #contents table .alignR{text-align:right;}

#contents table a:hover{color:#1c5794;}

#contents .paging{text-align:center; padding:15px 0px;}
#contents .paging span{padding:0px 5px; font-weight:bold; color:#db4427;}
#contents .paging span a{color:#333;}
#contents .paging span a:hover{color:#0f9bc2;}
#contents .paging img{margin-top:-3px;}


#contents #calendarTb{padding:20px 0 0;}
#contents #calendarTb table{ border-collapse:collapse; border:1px solid #c9cccf;margin-top:-25px;}
#contents #calendarTb table thead th{padding:3px 0; margin:0; background:#fff; text-align:center; border-bottom:1px solid #000; border-left:1px solid #c9cccf; border-top:1px solid #c9cccf; border-right:1px solid #c9cccf;}
#contents #calendarTb table td{width:112px; height:90px; padding:2px 0 5px 2px; background:#fff; font-size:95%; font-family:arial; font-weight:bold; vertical-align:top; border-bottom:1px solid #c9cccf; border-left:1px solid #c9cccf; border-right:1px solid #c9cccf;}
#contents #calendarTb table td img{margin:0 4px 0 0; vertical-align:-3px;}
#contents #calendarTb table td a{font-weight:lighter; color:#007cbc;}
#contents #calendarTb table td ul{padding:2px 0 0;}
#contents #calendarTb table td li{display:block; padding:0 0 2px;}
#contents #calendarTb table td .more{text-align:right;}
#contents #calendarTb table .sun,
#contents #calendarTb table .sun a{color:#ff0000;}
#contents #calendarTb table .sat,
#contents #calendarTb table .sat a{color:#4574b3;}

#contents #calendarTb p.title{font-size:200%; text-align:center; font-weight:bold;}
#contents #calendarTb p.title img{margin:0 4px; vertical-align:-2px;}
#contents #calendarTb p.date{text-align:right;}
#contents #calendarTb .iconGuide{*height:1%; margin:10px 0 0; border:1px solid #a2a2a2; overflow:hidden;}
#contents #calendarTb .iconGuide ul{position:relative; padding:10px 0 15px 30px; overflow:hidden;}
#contents #calendarTb .iconGuide li{display:inline; float:left; width:180px; height:20px;}
#contents #calendarTb .iconGuide li img{margin:0 4px 0 0; font-size:0; line-height:0; vertical-align:-3px;}


#contents .boxLeft{width:380px; float:left;}
#contents .boxRight{width:380px; float:right;}

#footer{margin:25px 0px 10px; background:url(../images/common/bottom_bg.gif) repeat-x;}
#footer .bottom{width:1000px; margin:0 auto; height:130px; background:url(../images/common/bottom_bg.gif) repeat-x;}

#footer .util{float:left;}
#footer .util li{float:left; border-right:1px solid #ccc; margin:7px 5px 0px; padding:0px 10px 0px 0px; font-size:95%; font-weight:bold;}
#footer .util li a:hover{color:#ef5602;}
#footer .social{float:right;}
#footer .social li{float:left; padding:4px 0px 0px 3px;}

#footer .copyright{font-size:90%; clear:both;}
#footer .copyright li{float:left; padding:15px 0px 0px 3px;}
#footer .copyright li.text{padding:25px 5px 0px 5px; text-align:justify;}
#footer .copyright li.qrcode{padding:10px 0px 0px 3px;}

* html .ui-autocomplete{height:210px;}
.ui-autocomplete .nm{width:220px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ui-autocomplete .sym{color:#2A6F9D; float:right;}
.ui-autocomplete{max-height:210px; overflow-y:auto; overflow-x:hidden;}

input[type=text]{height:17px; padding-left:2px;}

.hover{background-color:#E6E6E6;}


#contents .searchAll{position:relative; background:url(../images/common/search_box_bg.gif) repeat-x left bottom; border:1px solid #dbdbdb; margin:10px 0px 15px 0px; padding:17px 10px 17px 30px;}
#contents .searchAll .search{line-height:40px;}
#contents .searchAll label{font-size:95%; font-weight:bold; color:#222; width:110px; display:inline-block; text-align:right; padding-right:25px;}
#contents .searchAll .search input[type=text]{border:2px solid #2b619d; background-color:#fff; width:280px; height:24px;}
#contents .searchAll .search span{color:#084f92; font-weight:bold;  margin-left:25px;}
#contents .searchAll .search img{padding:0px 3px;}
#contents .searchAll .search .btn{margin-left:-4px;}

#contents dl{margin-bottom:10px; line-height:16px;}
#contents dl dt{margin-top:15px;}
#contents dl dd.num{float:right; margin-top:-18px;}
/*ie9*/
:root #contents dl dd{letter-spacing:-0.3px \9;}

#contents ul.desc{margin-bottom:10px; line-height:16px; padding-left:2em;}
#contents ul.desc li{margin-top:15px; list-style-type:disc; text-align:justify;}

#contents ul.num{margin-bottom:10px; line-height:16px; padding-left:2em; font-weight:bold;}
#contents ul.num li{margin-top:2em; list-style-type:decimal; text-align:justify;}
#contents ul.num li p{font-weight:normal;}

#contents ul.num2{margin-bottom:10px; line-height:16px; padding-left:2em;}
#contents ul.num2 li{margin-top:2em; list-style-type:decimal; text-align:justify;}

#contents dl dt,dd.ellipsis{font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:650px;}
#contents dl a{color:#06587f; text-decoration:underline;}
#contents dl dd em.emorange{color:#DD4E32;}
#contents dl dd em.embold{font-weight:bold;}

#contents .searchSort{margin-top:20px;}
#contents .searchSort ul{float:right;}
#contents .searchSort li{float:left; padding:0px 10px; border-right:1px solid #ccc;}
#contents .searchSort li.end{border:none;}
#contents .searchSort li a:hover{color:#f06c20;}
#contents .searchSort li a.sortAscSelect{background:url(../images/common/icon_sort.gif) no-repeat right -21px; padding-right:15px;}
#contents .searchSort li a.sortDesc{background:url(../images/common/icon_sort.gif) no-repeat right -9px; padding-right:15px;}
#contents .searchSort li a.sortDescSelect{background:url(../images/common/icon_sort.gif) no-repeat right 3px; padding-right:15px;}
#contents .searchSort li a.sortAsc{background:url(../images/common/icon_sort.gif) no-repeat right -33px; padding-right:15px;}

#viewSerch{position:relative; background:url(../images/common/search_box_bg.gif) repeat-x left bottom; border:1px solid #dbdbdb; margin:10px 0px 5px; padding:8px 10px 8px 30px;}
#viewSerch label{font-size:95%; font-weight:bold; color:#222; width:60px; display:inline-block;}
#viewSerch p{line-height:30px;}
#viewSerch .btn{position:absolute; right:15px; bottom:5px}

.viewList{border-collapse:collapse;}
.viewList th{ border:1px solid #dbdbdb; line-height:24px; background-color:#ededed;}
.viewList td{ border:1px solid #dbdbdb; line-height:20px; padding:0px 4px;}


#contents .textCont{line-height:20px; margin:15px 0px; text-align:justify;}
#contents .textCont li{margin:5px 0px 10px; font-size:95%;}
#contents p.title{font-size:150%;}
#contents p.title1{font-size:120%; font-weight:bold;}
#contents p.title2{font-size:110%; font-weight:bold;}
#contents .textCont a{color:#02a1fc; text-decoration:underline;}

#contents .textCont1{line-height:20px; margin:15px 0px 0px 15px; text-align:justify;}
#contents .textCont1 li{margin:5px 0px 10px; font-size:95%;}
#contents .textCont1 a{color:#02a1fc; text-decoration:underline;}

#contents .disclaimer{line-height:15px; margin:15px 0px; font-size:95%; border:1px solid #ccc; padding:8px;}
#contents .disclaimer a{color:#02a1fc; text-decoration:underline;}

#contents .contactAddress{background:url(../images/common/contact_address_bg.gif) no-repeat left top; padding-left:100px; margin:10px 0px 30px;}
#contents .contactAddress dl{float:left; margin-right:25px;}
#contents .contactAddress dt{margin-top:10px;}

/*ie9*/
:root #contents .contactAddress dd{letter-spacing:-0.4px \9;}

#contents .contactAddress p,
#contents .contactEmail p,
#contents .contactSocial p{line-height:22px;}

#contents .contactEmail a,
#contents .contactSocial a{color:#0366ed;}

#contents .contactAddress:after
{clear:both; content:""; display:block;}

#contents .contactAddress p,
#contents .contactEmail p:first-child,
#contents .contactSocial p:first-child{color:#298fc2; font-weight:bold; font-size:150%;}

#contents .contactEmail p:nth-child(2),
#contents .contactSocial p:nth-child(2){margin-top:10px;}

#contents .contactEmail{background:url(../images/common/contact_email_bg.gif) no-repeat left top; padding-left:100px; width:300px; float:left; margin:10px 0px; height:100px;}
#contents .contactSocial{background:url(../images/common/contact_social_bg.gif) no-repeat left top; padding-left:100px;width:280px; float:left; margin:10px 0px;  height:100px;}

#contents .box01{border-top:5px solid #83a2c0;}
#contents .box02{border-top:5px solid #92c5d1;}
#contents .box03{border-top:5px solid #929bd1;}
#contents .sitemap{background-color:#f3f3f3; float:left; padding:10px 40px 10px 20px; margin:15px; height:305px;}
#contents .sitemap a{text-decoration:underline;}
#contents .sitemap li{margin-left:2em; line-height:28px; list-style-type:disc;}
#contents .sitemap .sub{margin:5px 0px;}
#contents .sitemap .sub li{line-height:22px;}

.searchTip{width:240px; position:absolute; top:-82px; left:490px; z-index:10; padding:5x; line-height:1.4em;}
.searchTip .box{border:2px solid #1d5fa0; background-color:#fff; padding:6px;}
.searchTip .box table{border-collapse:collapse;}
.searchTip .box th{text-align:right; white-space:nowrap; padding-right:4px;}
.searchTip img{position:relative; top:-2px; left:40px;}
