
/*** 공통 속성  ***/
img,
a img {
    display: block;
    margin: 0px;
}

div#mainBanner {
    display: block;
    width: 460px;
    height: 120px;
    border: 1px solid rgb(204,204,204);
    margin-bottom: 10px;
}

/*** Breadcrumb ***/
div#breadcrumb {
    display: block;
    padding: 0px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #474747;
    text-align: left;
}

div#breadcrumb img {
    display: inline;
}

div#breadcrumb a {
    color: #0070BC;
}

div#breadcrumb a:hover {
    color: #FF9700;
}


/*** Section Box ***/
div.boxspace {
    display: block;
    height: 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

table.mainSection {
    width: 460px;
    border:0px solid rgb(204,204,204);
    margin-bottom: 5px;
}

table.mainSection th.tabs {
    height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

table.mainSection th.tabs table {
    width: 445px;
    height: 30px;
    margin: 0px 0px 0px 0px;
}

table.mainSection th.tabs table td.tab {
    width: 100px;
    height: 29px;
}

table.mainSection td.htabs table td.tab {
    width: 100px;
    height: 29px;
}

table.mainSection td.data {
    background: #FFFFFF;
    width: 460px;
    border-right: 1px solid rgb(215,214,214);
    border-bottom: 1px solid rgb(215,214,214);
    border-left: 1px solid rgb(215,214,214);
    vertical-align: top;
}

table.subSection {
    width: 260px;
    border:0px solid rgb(204,204,204);
    margin-bottom: 5px;
}

table.subSection td.data {
    height: 60px;
    border-right: 3px solid rgb(232,232,232);
    border-left: 3px solid rgb(232,232,232);
    margin: 0px 2px 0px 2px;
    vertical-align: top !important;
}

table.subSection td.data div.heading {
    display: block;
    height: 10px;
    border-bottom: 1px solid rgb(204,204,204);
    margin: 5px 10px 5px 10px;
    padding: 0px 0px 0px 0px;
    font-weight: 900;
}

table.subSection td.data div.content {
    display: block;
	height:auto;
    margin: 5px 10px 10px 10px;
    text-align: left !important;
    vertical-align: top !important;
}

table.subSection td.data table.tabs {
    display: block;
    margin: 5px 5px 5px 5px;
}

table.subSection td.data table.tabs td {
    vertical-align: top;
}

table.subSection td.data table.tabs td.tab {
    width: 100px;
    height: 21px;
}

table.subSection2 {
    width: 178px;
    border:0px solid rgb(204,204,204);
    margin-bottom: 5px;
}
table.subSection2 td.data2 {
    height: 60px;
    border-right: 3px solid rgb(232,232,232);
    border-left: 3px solid rgb(232,232,232);
    margin: 0px 2px 0px 2px;
    vertical-align: top !important;
}

table.subSection2 td.data2 div.heading2 {
    display: block;
    height: 10px;
    border-bottom: 1px solid rgb(204,204,204);
    margin: 5px 10px 5px 10px;
    padding: 0px 0px 0px 0px;
    font-weight: 900;
}

table.subSection2 td.data2 div.content2{
    display: block;
	height:auto;
    margin: 5px 10px 10px 10px;
    text-align: left !important;
    vertical-align: top !important;
}

table.subSection2 td.data2 table.tabs2 {
    display: block;
    margin: 5px 5px 5px 5px;
}

table.subSection2 td.data2 table.tabs2 td {
    vertical-align: top;
}

table.subSection2 td.data2 table.tabs2 td.tab2 {
    width: 100px;
    height: 21px;
}

th.sectionHeader,
div.sectionHeader {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    text-align: left;
    vertical-align: top;
}

td.sectionData,
div.sectionData {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 10px 0px;
    text-align: left;
    vertical-align: top;
}


/*** Heading ***/
#heading {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 900;
    color: #0099FF;
    text-align: left;
}

.sectionHeading {
    font-size: 14px;
    font-weight: 900;
    color: #0099FF;
    text-align: left;
    vertical-align: top;
    line-height: 14px;
}

.sectionSmallHeading {
    font-size: 12px;
    font-weight: 700;
    color: #0099FF;
    text-align: left;
    vertical-align: top;
    line-height: 12px;
}

.mainSectionHeading {
    font-size: 14px;
    font-weight: 900;
    color: #0099FF;
    text-align: left;
    vertical-align: top;
    line-height: 14px;
}

.mainSectionSmallHeading {
    font-size: 12px;
    font-weight: 700;
    color: #0099FF;
    text-align: left;
    vertical-align: top;
    line-height: 12px;
}

.subSectionHeading {
    font-size: 14px;
    font-weight: 900;
    color: #643411;
    text-align: left;
    vertical-align: top;
    line-height: 14px;
}

.subSectionSmallHeading {
    font-size: 12px;
    font-weight: 700;
    color: #643411;
    text-align: left;
    vertical-align: top;
    line-height: 12px;
}

.sectionHeaderTab {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
}

.sectionHeaderLink,
.sectionHeaderLink a,
.sectionHeaderLink a:visited,
.sectionHeaderLink a:hover {
    font-size: 12px;
    font-weight: 500;
}


/** headline **/
ul.headlineList {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.headlineList li {
    background: url(/images/dot.gif) no-repeat 2px 50%;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 10px;
}

.headline,
.mainHeadline,
.subHeadline,
.headlineEmphasis {
    text-align: left;
    line-height: 18px;
}

.headline {
    font-size: 12px;
    font-weight: 500;
}

.mainHeadline {
    font-size: 12px;
    font-weight: 500;
}

.subHeadline {
    font-size: 12px;
    font-weight: 500;
}

.headlineEmphasis {
    font-size: 12px;
    font-weight: 900;
}


/** blurb **/
.blurb {
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}


/** details **/
.details {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #474747;
    line-height: 18px;
    text-align: justify;
}


.headerHR {
    display: block;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}


#mainLayout .relatedSectionHeader {
    padding: 5px 5px 5px 5px;
    border-width: 3px 3px 3px 3px;
    border-color: #FFDD77;;
    border-style: solid;
    text-align: left;

}


#mainLayout .relatedSectionData {
    background: #FBEAB8;
    padding: 3px 3px 3px 3px;
    border-width: 5px 5px 5px 5px;
    border-color: #FFDD77;;
    border-style: solid;
    text-align: left;

}


.sectionHeaderHR {
    display: block;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}


div.thumbnail {
    display: block;
    width: auto;
    height: auto;
    margin: 0px 5px 5px 0px;
    padding: 0px;
    border: 1px solid #BFBFBF;
    text-align: center;
    vertical-align: middle;
}

div.thumbnail img,
div.thumbnail a img {
    display: inline;
    margin: 2px 2px 2px 2px;
    border: 0px solid #BFBFBF;
    vertical-align: top;
}


/*** 광고계동향  ***/

#adtrendContainer {
    height: 110px;
}
#adtrend1Layer {
    position: absolute;
    z-index: 0;
    height: 110px;
    visibility: visible;
}
#adtrend2Layer {
    position: absolute;
    z-index: 1;
    height: 110px;
    visibility: hidden;
}


/*** Data Table  ***/
table.data {
    width: 240px;
    margin: 5px;
    margin-top: 0px;
    border-top: 2px solid #ADCDE3;
    border-bottom: 2px solid #CCDDDF;
    border-collapse: collapse;
}

table.data th {
    background: #FFFFFF;
    margin: 0px 3px 0px 3px;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #ADCDE3;
    border-bottom: 1px solid #ADCDE3;
    border-right: 5px solid #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    text-align: left;
}

table.data thead tr {
    background-color: #FFCC00;
}

table.data tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.data tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

/* highlight table row onmouseover */
table.data tr.over {
    background: #def;
    border-bottom: 1px solid #69c;
    border-top: 1px solid #69c;
    color: #000000;
    cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}


table.data td {
    margin: 0px 3px 0px 3px;
    padding: 7px 0px 7px 0px;
    border-right: 2px solid #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
    text-align: left;
}

table.data td a,
table.data td a:visited {
    text-decoration: none;
}

table.data td a:hover {
    text-decoration: underline;
}

#columnContainer {
    height: 120px;
    border-width: 0px;
    border-style: solid;
    border-color: #CCDDDF;
}


#column1Layer {
    position: absolute;
    z-index: 1;
    visibility: visible;
}
#column2Layer {
    position: absolute;
    z-index: 1;
    visibility: hidden;
}
#column3Layer {
    position: absolute;
    z-index: 1;
    visibility: hidden;
}


#searchContainer {
    background-color: orange;
    width: 465px;
    height: 100px;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCDDDF;
}

#search1Layer {
    position: absolute;
    z-index: 1;
    height: 110px;
    visibility: visible;
}
#search2Layer {
    position: absolute;
    z-index: 1;
    height: 110px;
    visibility: hidden;
}

table.searchForm th {
    margin: 0px;
    padding: 5px 3px 5px 3px;
    font-weight: 900;
    color: #FFFFFF;
    text-align: right;
    vertical-align: middle;
}

#adsContainer {
    width: 725px;
    height: 270px;
    background-color: #EFEFEF;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCDDDF;
}

#ads1Layer {
    position: absolute;
    z-index: 1;
    visibility: visible;
}
#ads2Layer {
    position: absolute;
    z-index: 1;
    visibility: hidden;
}